Wie sollten HTML-Tags verschachtelt werden?

Dieses Mal zeige ich Ihnen, wie man HTML-Tags verschachtelt und welche Vorsichtsmaßnahmen für die Verschachtelung von HTML-Tags gelten. Hier ist ein praktischer Fall, schauen wir uns das an.

Es gibt viele XHTML-Tags: p, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... Wenn wir diese Tags verwenden, um die Seitenstruktur aufzubauen , Sie können unendlich verschachtelt werden, aber die Verschachtelung erfordert auch bestimmte Regeln. Sie können nicht zulassen, dass Ihre eigenen persönlichen Gewohnheiten zufällig verschachtelt werden. Was sind also die Verschachtelungsregeln für das html-Tag ?

1. HTML-Tags umfassen Elemente auf Blockebene (Block) und Inline-Elemente (Inline)

1. Elemente auf Blockebene

werden im Allgemeinen zum Erstellen einer Website verwendet Architektur , Layout, Inhalt... Es enthält die folgenden Tags:

address、blockquote、center、dir、p、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2. Inline-Elemente

werden im Allgemeinen in bestimmten Details oder Teilen des Website-Inhalts verwendet zum „Hervorheben, Unterscheiden von Stilen, Hochstellen, Tiefstellen, Anker “ usw. Die folgenden Tags sind alle eingebettete Elemente:

　a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

2. Einbetten von HTML-Tags Regelwerk

1. Blockelemente können Inline-Elemente oder bestimmte Blockelemente enthalten, Inline-Elemente können jedoch keine Blockelemente enthalten, sondern nur andere Inline-Elemente:

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

2. Elemente auf Blockebene können nicht in

platziert werden:

<p><ol><li></li></ol></p> —— 错</p>< p>　　<p><p></p></p> —— 错

3 Es gibt mehrere spezielle Elemente auf Blockebene. Sie können nur Inline-Elemente enthalten Diese speziellen Tags sind nicht mehr enthalten:

　h1、h2、h3、h4、h5、h6、p、dt

4 Das Internet hat einige Zweifel daran, deshalb werde ich es hier kurz erläutern:

Die li- und p-Tags sind beide Container zum Laden von Inhalten, mit gleichem Status und ohne Ebenenunterscheidung (zum Beispiel: h1, h2 usw.). . Strikte Hierarchie^_^), wissen Sie, das li-Tag kann sogar sein übergeordnetes ul oder ol aufnehmen? Denken Sie nicht, dass li so geizig ist, auch wenn li ziemlich dünn aussieht, tatsächlich hat li ein großes Herz ...

5. Elemente auf Blockebene werden Elementen auf Blockebene und Inline-Elementen gegenübergestellt sind inline mit Inline-Elementen:

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

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Verwandte Lektüre:

Wie man HTML und CSS verwendet, um klare Ideen zu formulieren

Wie man flexibel, stabil, hochwertiger HTML- und CSS-Code

So verwenden Sie Titel-Tags und Absatz-Tags in XHTML

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