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.
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>
<div>
<div></div>
</div>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, dtBlock-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-TutorialDas 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!
