多くの XHTML タグがあります: div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong... これらのタグを使用してページ構造を構築すると、次のことが可能になります。無限にネストできますが、ネストには特定のルールも必要です。では、HTML タグのネスト ルールは何でしょうか。
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. 埋め込み要素
通常、「スタイル、上付き文字、下付き文字、アンカー ポイントを強調、区別する」ために、Web サイトのコンテンツの特定の詳細または部分で使用されます。次のタグはすべて埋め込み要素です:
a、abbr、頭字語、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
2. HTMLタグのネストルール
1. ブロック要素にはインライン要素または特定のブロック要素を含めることができますが、他のインライン要素のみを含めることができます:
2.
コードは次のとおりです:
—— 間違っています
—— 誤り
3. インライン要素のみを含むことができる特殊なブロックレベル要素がいくつかあります。 . 、ブロックレベルの要素を含めることはできなくなりました。これらの特殊タグは次のとおりです:
h1、h2、h3、h4、h5、h6、p、dt
4. li には div タグを含めることができます。これは必須ではありません。ただし、インターネット上の多くの人がこれについて少し混乱しているため、ここで簡単に説明します。
li タグと div タグはどちらもコンテンツをロードするためのコンテナーであり、レベル間の区別はありません (例: h1 と h2^_^ などの厳密な階層)。親の ul または ol に対応できるのはなぜですか。li には div を対応できないと考える人がいるのはなぜですか?リーがそんなにケチだと思わないでください、実際、リーは広い心を持っています...
5. ブロックレベルの要素はブロックレベルの要素と並列され、インライン要素はインライン要素と並列されます:
—— はい< ;/p>
—— はい
—— 間違っています
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
