Heim >Web-Frontend >HTML-Tutorial >Verschachtelungsregeln für HTML-Tags

Verschachtelungsregeln für HTML-Tags

巴扎黑
巴扎黑Original
2017-03-19 17:27:281478Durchsuche

Es gibt viele XHTML-Tags: p, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong ... Wenn wir diese Tags zum Aufbau der Seitenstruktur verwenden, können wir sie unbegrenzt einbetten Allerdings erfordert die Verschachtelung auch bestimmte Regeln. Sie können nicht zulassen, dass Ihre eigenen persönlichen Gewohnheiten zufällig verschachtelt werden.

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

1. Elemente auf Blockebene

Wird im Allgemeinen zum Erstellen von Website-Architektur, -Layout und -Inhalten verwendet ... 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

Wird im Allgemeinen in bestimmten Details oder Teilen des Website-Inhalts verwendet, um „Stile, Hochstellungen, Tiefstellungen, Ankerpunkte hervorzuheben, zu unterscheiden“ usw. Die folgenden Tags sind alle eingebettete Elemente:

 a, abbr, acronym, b, bdo, groß, br, zitieren, code, dfn, em, schriftart, i, img, eingabe, kbd, label, q, s, samp, select, klein, span, streik, stark, sub, sup, textarea, tt, u, var

2. Verschachtelungsregeln von HTML-Tags

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

 

—— True

🎜>

 

2. Elemente auf Blockebene können nicht in

platziert werden:

 

  1. —— Falsch

     < ;p>

    —— Falsch

     

    3. Es gibt mehrere spezielle Elemente auf Blockebene, die nur Inline enthalten können Elemente und können keine Elemente auf Blockebene enthalten:

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

    4. li kann p-Tags enthalten – dieses muss nicht separat aufgeführt werden Ja, aber viele Leute im Internet haben einige Zweifel daran, deshalb werde ich es hier kurz erklären: Die li- und p-Tags sind beide Container zum Laden von Inhalten und es gibt keinen Unterschied zwischen Ebenen (z. B. strikte Hierarchien wie h1 und h2^_^). Sie müssen wissen, dass das li-Tag sogar sein kann Eltern ul oder ol. Entgegenkommend, warum denken manche Leute, dass li einem p nicht gerecht werden kann? Glaube nicht, dass Li so geizig ist. Tatsächlich hat Li ein großes Herz...

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

     

    < ;/p> ;

    —— Richtig

     

    < ;/p> —— Rechts

     

    — Falsch

    Das obige ist der detaillierte Inhalt vonVerschachtelungsregeln für HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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