HTMLタグのネストルール

巴扎黑
リリース: 2017-03-19 17:27:28
オリジナル
1474 人が閲覧しました

XHTML タグには、p、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、strong などのタグがたくさんあります。これらのタグを使用してページ構造を構築すると、無限に埋め込むことができます。ただし、ネストには特定のルールも必要です。個人的な習慣をランダムにネストすることはできません。では、HTML タグのネスト ルールは何でしょうか。

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

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

通常、Web サイトのアーキテクチャ、レイアウト、コンテンツを構築するために使用されます。次のタグが含まれます: 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、頭字語、b、bdo、big、 br、引用、コード、dfn、em、フォント、i、img、入力、kbd、ラベル、q、s、samp、選択、小さい、スパン、ストライク、強い、サブ、sup、テキストエリア、tt、u、var

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

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

< ;/p>

—— はい

—— はい

‍ < ol>

  • —— 間違っています

    間違っています

    3. インライン要素のみを含むことができる特殊なブロックレベルの要素がいくつかあります。これらの特別なタグは次のとおりです: h1、h2、h3、h4、h5、h6、p、dt

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

    li タグと p タグは両方ともコンテンツをロードするためのコンテナであり、レベル間の区別はありません (たとえば、h1 と h2^_^ などの厳密な階層)。親の ul または ol は融通が利くのに、li は p に融通が利かないと考える人がいるのはなぜですか?リーがそんなにケチだと思わないでください、実際、リーは広い心を持っています...。 5. ブロックレベルの要素はブロックレベルの要素と並列され、インライン要素はインライン要素と並列されます:

    < /p> —— はい

    —— はい

    —— 違います

    以上がHTMLタグのネストルールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート