ホームページ > ウェブフロントエンド > フロントエンドQ&A > html5のインラインタグとは何ですか?

html5のインラインタグとは何ですか?

青灯夜游
リリース: 2022-03-15 18:27:34
オリジナル
12452 人が閲覧しました

html5 インライン タグには、span、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup、strong、u、li が含まれます。 、ins、del、dfn、kbd など。

html5のインラインタグとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML タグ (要素) は、ブロックレベル要素とインライン要素 (インライン要素とも呼ばれます) の 2 つのカテゴリに分類できます。

#html5 インライン要素

インライン要素の主な特徴は次のとおりです。


  • インライン要素と他の要素は同じ行に表示されます;

  • インライン要素の幅、高さ、マージンおよびパディングは変更できません;

  • インライン要素の幅はそのコンテンツの幅であり、変更できません。

  • インライン要素にはテキストまたはその他のインライン要素のみを収容できます。

最も一般的に使用されるインライン要素は、img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、に加えて、span です。 select、small、sub、sup、strong、u、li、ins、del、dfn、kbd、var など。

インライン要素には、いくつかの CSS スタイルを置き換えることができ、非常に実用的な次のような特別な表示効果があることがよくあります。タグはフォントを変更できます。

  • タグと タグは、それぞれ下付き文字と上付き文字を定義するために使用されます。

  • インライン要素を使用する場合は、次の点に注意する必要があります:

幅 width の設定は無効です;

  • 高さの高さの設定は無効ですが、行の高さは line-height で設定できます;

  • マージンのマージンを設定できますが、は、左と右のマージンにのみ有効であり、上と下のマージンには有効ではありません;

  • パディングの内側マージンを設定する場合、左と右のパディングのみが有効で、上と下のマージンは有効です。パディングが無効です。要素の範囲は増加しますが、要素の周囲のコンテンツには影響しないことに注意してください。

  • インライン要素とブロックの間で要素を切り替えることができます。 -level 要素は、display 属性を介して使用されます。

  • [関連する推奨事項:

    html ビデオ チュートリアル

  • Web フロントエンド
]

以上がhtml5のインラインタグとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート