Introduction aux règles d'imbrication des balises html_HTML/Xhtml_Production de pages Web

Il existe de nombreuses balises XHTML : div, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... Lorsque nous utilisons ces balises pour construire la structure de la page, nous pouvons Elles sont imbriquées à l'infini, mais l'imbrication nécessite également certaines règles. Vous ne pouvez pas permettre que vos propres habitudes personnelles soient imbriquées de manière aléatoire. Alors, quelles sont les règles d'imbrication des balises HTML ?

1. Les balises HTML incluent des éléments de niveau bloc (block) et des éléments en ligne (inline)

1. Éléments au niveau du bloc

est généralement utilisé pour créer l'architecture, la mise en page et le contenu d'un site Web... Il comprend les balises suivantes :

Copier le code

Le code est le suivant :

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

2. Éléments embarqués

Généralement utilisé dans certains détails ou parties du contenu d'un site Web pour "souligner, distinguer les styles, les exposants, les indices, les points d'ancrage", etc. Les balises suivantes sont toutes des éléments intégrés :

Copier le code

Le code est le suivant :

　a, abbr, acronyme, 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. Règles d'imbrication des balises HTML

1. Les éléments de bloc peuvent contenir des éléments en ligne ou certains éléments de bloc, mais les éléments en ligne ne peuvent pas contenir d'éléments de bloc. Ils ne peuvent contenir que d'autres éléments en ligne :

. Copier le code

Le code est le suivant :

　

—— pour

　

　

—— Faux

2. 🎜 >

Copier le codeLe code est le suivant :

　

　

—— Faux

3. , ne peut plus contenir d'éléments de niveau bloc. Ces balises spéciales sont :

Copier le codeLe code est tel que. suit :

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

4. li peut contenir des balises div - celle-ci n'a pas besoin de l'être. répertorié séparément. Mais de nombreuses personnes sur Internet sont un peu confuses à ce sujet, voici donc une brève explication :
Les balises li et div sont toutes deux des conteneurs de chargement de contenu. Elles ont le même statut et il n'y a pas de distinction entre les niveaux (par exemple : des hiérarchies strictes telles que h1 et h2^_^ Il faut savoir que la balise li est connectée). à son parent ul ou ol peut être hébergé. Pourquoi certaines personnes pensent-elles que li ne peut pas accueillir un div ? Ne pense pas que Li est si avare. Ne pense pas que Li est assez mince. En fait, Li a un grand cœur...

.

5. Les éléments de niveau bloc sont juxtaposés aux éléments de niveau bloc, et les éléments en ligne sont juxtaposés aux éléments en ligne :

Copier le codeLe code est le suivant :

　

;/p>

　

　

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn