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:
2. Elemente auf Blockebene können nicht in
platziert werden:
—— 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: