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

この記事では、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 サイトの他の関連記事を参照してください。