ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML での要素のネストのルールについて詳しく理解していますか?

HTML での要素のネストのルールについて詳しく理解していますか?

零下一度
リリース: 2017-04-26 14:57:29
オリジナル
1531 人が閲覧しました

この記事では、HTML 要素のネストのルールについて詳しく説明します

1 HTML タグには、ブロックレベルの要素 (block) とインライン要素 (inline) が含まれます

1。ブロックレベルの要素

は通常、ウェブサイトのアーキテクチャ、レイアウト、およびコンテンツの保持に使用されます...次のタグが含まれます:

address、blockquote、center、dir、div、dl、dt、dd、fieldset、form , h1~h6, hr, isindex, menu, noframes, noscript, ol, p, pre, table, ul

2. インライン要素

は通常、ウェブサイトコンテンツの特定の詳細や部分で「スタイルを強調したり、区別したり、 superscript 、subscript、anchor point" など。以下のタグはすべてインライン要素です:

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, font, i, img, input ,kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var

Ⅱ.HTMLタグの入れ子ルール

1.ブロック要素にはInlineを含めることができます。要素または特定のブロック要素を含めることができますが、インライン要素にはブロック要素を含めることはできません。含めることができるのは他のインライン要素のみです。 ; —— はい

—— はい

/span> —— 間違っています

2. ブロックレベルの要素は

:

—— 間違っています

—— 間違っています

3. 埋め込み要素のみ含めることができるいくつかの特殊なブロックレベル要素があります。ブロックレベルの要素が含まれます。これらの特別なタグは次のとおりです:

h1, h2, h3, h4, h5, h6, p, dt

4. li には div タグを含めることができます - これは実際には個別にリストする必要はありません。 , しかし、インターネット上ではこれについて混乱している人も多いので、ここで簡単に説明します:

Li タグと div タグはどちらもコンテンツをロードするためのコンテナであり、同等のステータスを持ち、レベルの区別はありません (例: h1、h2)。非常に厳密な階層 ^_^) であるため、li タグは親の ul または ol にも対応できることを知っておく必要があります。

5. ブロックレベルの要素はブロックレベルの要素と並列され、インライン要素はインライン要素と並列されます:

< ;/div> —— 正しい

h2> —— 間違っています

以上がHTML での要素のネストのルールについて詳しく理解していますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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