Heim > Web-Frontend > Front-End-Fragen und Antworten > Können HTML-Tags verschachtelt werden?

Können HTML-Tags verschachtelt werden?

WBOY
Freigeben: 2022-03-28 14:18:38
Original
3181 Leute haben es durchsucht

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.

Können HTML-Tags verschachtelt werden?

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>
Nach dem Login kopieren
  Beispiel für einen verschachtelten Blockblock:

<div>
    <div></div>
</div>
Nach dem Login kopieren

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

Sonderfall (Fehlerbeispiel):

      <p>
        <div></div>
      </p>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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> —— 错
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage