HTMLタグはネストできますか?

WBOY
リリース: 2022-03-28 14:18:38
オリジナル
3168 人が閲覧しました

HTML タグはネストできます。 HTML のネスト規則は次のとおりです: 1. ブロック要素にはインライン要素または特定のブロック要素を含めることができますが、インライン要素にブロック要素を含めることはできません; 2. ブロックレベルの要素を p 要素内に配置することはできません; 3. h1、h2、h3、h4 、h5、h6、p、および dt 要素にはインライン要素のみを含めることができ、ブロック レベルの要素を含めることはできなくなりました。

HTMLタグはネストできますか?

この記事の動作環境: Windows 10 システム、html5 バージョン、Dell G3 コンピューター。

HTML タグはネストできますか?

HTML タグはネストできますか?

タグのネストの一般規則は次のとおりです:

1 . ブロック タグ インライン タグはネストできますが、ブロック タグはブロック タグをネストできない場合があります (たとえば、p タグは他のブロック タグをネストできません)、インライン タグはブロックをネストできません (タグには特殊なケースがあり、ネストできる) divs):

<div>
    <span></span>
    <a href="#"></a>
</div>
ログイン後にコピー

ブロックのネストされたブロックの例:

<div>
    <div></div>
</div>
ログイン後にコピー

2. ブロック レベルの要素を p 要素の中に配置することはできません

特殊ケース (エラー例:

      <p>
        <div></div>
      </p>
ログイン後にコピー

a タグは非常に特殊です。div とインライン タグをネストできますが、それ自体 () をネストすることはできません。

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

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

<a href="#">
    <div></div>
</a>
ログイン後にコピー
推奨チュートリアル: "html ビデオ チュートリアル "

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

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