Einführung in die Verschachtelungsregeln der HTML-Tags_HTML/Xhtml_Webseitenproduktion

Es gibt viele XHTML-Tags: div, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... Wenn wir diese Tags verwenden, um die Seitenstruktur aufzubauen, können wir das Sie sind unendlich verschachtelt, 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 HTML-Tags?

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

1. Elemente auf Blockebene

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

Code kopieren

Der Code lautet wie folgt:

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

2. Eingebettete Elemente

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

Code kopieren

Der Code lautet wie folgt:

　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. Verschachtelungsregeln von HTML-Tags

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

Code kopieren

Der Code lautet wie folgt:

　

—— für

　

　

– Falsch