htmlタグの入れ子ルール入門_HTML/Xhtml_Webページ制作-htmlチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 16:36:32

オリジナル

1694 人が閲覧しました

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

—— はい

—— 間違っています