Können HTML-Tags verschachtelt werden?

HTML-Tags können verschachtelt werden. Die Verschachtelungsregeln in HTML sind: 1. Blockelemente können Inline-Elemente oder bestimmte Blockelemente enthalten, Inline-Elemente können jedoch keine Blockelemente enthalten. 3. Elemente auf Blockebene können nicht innerhalb von p-Elementen platziert werden , h5-, h6-, p- und dt-Elemente können nur Inline-Elemente und keine Elemente auf Blockebene mehr enthalten.

Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML5-Version, Dell G3-Computer.

Können HTML-Tags verschachtelt werden?

Die allgemeinen Regeln für die Tag-Verschachtelung lauten wie folgt:

1. Block-Tags können jedoch nicht unbedingt verschachtelt werden Block-Tags (z. B. p-Tags können keine anderen Block-Tags verschachteln), Inline kann keine Blöcke verschachteln (es gibt einen Sonderfall eines Tags, der Divs verschachteln kann):

<div>
    <span></span>
    <a href="#"></a>
</div>

　 Beispiel für einen verschachtelten Blockblock:

<div>
    <div></div>
</div>

2 -level-Elemente können nicht innerhalb des p-Elements platziert werden

Sonderfall (Fehlerbeispiel):

　　　　　　<p>
　　　　　　　　<div></div>
　　　　　　</p>

Das ist nicht möglich, p kann nur p verschachteln und nichts anderes wird funktionieren

Im Allgemeinen können Inline-Blöcke nicht verschachtelt werden. aber es gibt Sonderfälle:

<a href="#">
    <div></div>
</a>

a-Tag ist etwas ganz Besonderes. Es kann Divs und Inline-Tags verschachteln, aber es kann sich nicht selbst verschachteln (

3). Level-Elemente können nur Inline-Elemente und keine Block-Level-Elemente enthalten. Diese speziellen Tags sind: h1, h2, h3, h4, h5, h6, p, dt

Block-Level-Elemente werden Block-Level-Elementen gegenübergestellt Elemente, Inline-Elemente neben Inline-Elementen:

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

Empfohlenes Tutorial: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonKönnen HTML-Tags verschachtelt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!