HTML の奇妙なネスト規則_html/css_WEB-ITnose

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

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

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

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

2. インライン要素

通常、「スタイル、上付き文字、下付き文字、アンカーポイントを強調、区別する」などのために、ウェブサイトコンテンツの特定の詳細または部分で使用されます。以下のタグはすべてインライン要素です:

a、abbr、頭字語、b、bdo、ビッグ、br、引用、コード、dfn、em、フォント、私、img、入力、kbd、ラベル、q、s、サンプ、選択、小さい、スパン、ストライク、強い、 sub, sup, textarea, tt, u, var

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

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

?? はい

; そうですね

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

内に配置できません:

?? 間違っています

< div>

?? 間違っています

3. インライン要素のみを含めることができ、ブロックレベルの要素を含めることができない特殊なブロックレベルの要素がいくつかあります。

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

4. li に div タグを含めることはできますか?? この項目は個別にリストする必要はありませんが、インターネット上の多くの人がこれについて疑問を抱いています。 , そこで、ここで簡単に説明します:

Li タグと div タグは両方ともコンテンツをロードするためのコンテナーであり、階層はありません (例: h1、h2 という厳密な階層 ^_^) を知っておく必要があります。 li タグは親の ul または ol も収容できるのですが、なぜ li には div を収容できないと考える人がいるのですか? li がとてもケチだと思わないでください、li はかなり痩せているように見えますが、実際には li は大きな心を持っています...

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

?? はい

< 間違っています

添付画像:

以下の QR コードをスキャンして、ブログの公開アカウントをフォローし、時々インターネットで補足してください:

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。