HTMLタグはどのように入れ子にすればよいのでしょうか？

今回は、HTMLタグを入れ子にする方法と、HTMLタグを入れ子にした場合の注意点について説明します。実際のケースを見てみましょう。

XHTML には多くのタグがあります: p、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong... これらのタグを使用してページ構造を構築するときに、それらを使用できます。無限にネスト可能ですが、ネストには特定のルールも必要です。では、

html タグ のネスト ルールは何ですか?

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

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

2. インライン要素

は、通常、「スタイル、上付き文字、下付き文字、

アンカーを強調、区別する」などの目的で、Web サイトのコンテンツの特定の詳細または部分で使用されます。以下のタグはインライン要素に属します。 :

　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

2. HTML タグのネスト規則

1. ブロック要素には

inline 要素 または一部のブロック要素を含めることができますが、inline 要素にはブロック要素を含めることはできません。含めることができるのは その他の

inline 要素:

　<p><h1></h1><p></p></p> —— 对</p>< p>　　<a href=”#”><span></span></a> —— 对</p>< p>　　<span><p></p></span> —— 错

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

内に配置できません:

<p><ol><li></li></ol></p> —— 错</p>< p>　　<p><p></p></p> —— 错

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

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

4. li には p タグを含めることができます - この項目は個別にリストする必要はありませんが、インターネット上で混乱している人が多いため、ここで簡単に説明します:

li タグと p タグは両方です。コンテンツをロードするためのコンテナは同等のステータスを持ち、レベル間の区別はありません (例: h1 と h2^_^ などの厳密な階層)。 li は p に対応できないと考える人がいるのはなぜですか? li がとてもケチだとは思わないでください。li はかなり痩せているように見えますが、実際には大きな心を持っています...

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

    　　<p><h2></h2><p></p></p> —— 对</p>< p>　　<p><a href=”#”></a><span></span></p> —— 对</p>< p>　　<p><h2></h2><span></span></p> —— 错

これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML と CSS を使用して明確にする方法

柔軟で安定した高品質の HTML および CSS コードを記述する方法

タイトル タグと段落タグとは何ですかXHTMLの使い方

以上がHTMLタグはどのように入れ子にすればよいのでしょうか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。