Dieser Artikel vermittelt Ihnen ein detailliertes Verständnis der Regeln für die Verschachtelung von HTML-Elementen.

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

1. Elemente auf Blockebene

werden im Allgemeinen zum Erstellen der Website-Architektur, zum Layout und zum Übertragen von Inhalten verwendet ... Es enthält die folgenden Tags:

Adresse, Blockquote, Zentrum, Dir, Div, dl, dt, dd, Feldsatz, Form, h1~h6, hr, isindex, Menü, Noframes, Noscript, ol, p, Pre, Tabelle, ul

2. Inline-Elemente

Werden 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, Akronym, b, bdo, big, br, cite, code, dfn, em, Schriftart, i, img, input, kbd, label, q, s, samp, select, small, span, Strike, strong , sub, sup, textarea, tt, u, var

2. Verschachtelungsregeln für HTML-Tags

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

　 —— Ja

　2. Elemente auf Blockebene können nicht in

platziert werden:

—— Falsch

　

—— Falsch

3. Da sind mehrere spezielle Elemente auf Blockebene, die nur Inline-Elemente und keine Elemente auf Blockebene enthalten können. Diese speziellen Tags sind:

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

4. li kann div-Tags enthalten – Dieses Element muss nicht separat aufgeführt werden, aber viele Leute im Internet sind darüber verwirrt, deshalb werde ich es hier kurz erklären:

li- und div-Tags sind beide Container zum Laden von Inhalten. Sie haben den gleichen Status und es gibt keinen Unterschied zwischen Ebenen (z. B. strikte Hierarchien wie h1 und h2^_^). Sie müssen wissen, dass das li-Tag mit seinem übergeordneten ul oder ol All verbunden ist untergebracht werden kann.

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

　

< p>< ;/p>
—— Rechts

　

< ;/div> ; —— Richtig

　

—— Falsch

Das obige ist der detaillierte Inhalt vonErfahren Sie mehr über die Regeln für die Verschachtelung von Elementen in HTML.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!