htmlタグの入れ子ルール入門_HTML/Xhtml_Webページ制作

多くの 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.

2. 🎜 >

コードをコピーします

コードは次のとおりです:

—— 間違っています

—— 誤り


3. インライン要素のみを含むことができる特殊なブロックレベル要素がいくつかあります。 . 、ブロックレベルの要素を含めることはできなくなりました。これらの特殊タグは次のとおりです:

コードは次のとおりです。

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

4. li には div タグを含めることができます。これは必須ではありません。ただし、インターネット上の多くの人がこれについて少し混乱しているため、ここで簡単に説明します。
li タグと div タグはどちらもコンテンツをロードするためのコンテナーであり、レベル間の区別はありません (例: h1 と h2^_^ などの厳密な階層)。親の ul または ol に対応できるのはなぜですか。li には div を対応できないと考える人がいるのはなぜですか?リーがそんなにケチだと思わないでください、実際、リーは広い心を持っています...

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

コードをコピーコードは次のとおりです:

—— はい< ;/p>

—— はい

—— 間違っています

声明：

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