Règles d'imbrication des balises HTML

Il existe de nombreuses balises XHTML : p, 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 les intégrer à l'infini Cependant, l'imbrication nécessite également certaines règles. Vous ne pouvez pas autoriser l'imbrication aléatoire de vos propres habitudes. Alors, quelles sont les règles d'imbrication pour les balises HTML ?

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

1. Éléments de niveau bloc

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 :

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

　2. Éléments en ligne

Généralement utilisé dans certains détails ou parties du contenu du 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 :

a, abbr, acronyme, b, bdo, gros, br, citer, code, dfn, em, police, i, img, entrée, kbd, étiquette, q, s, samp, sélectionner, petit, 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 :

　

< span> —— True

🎜>

　

2. >　

1. —— Faux

   　< ;p>

   —— Faux

   　

   3 Il existe plusieurs éléments spéciaux au niveau du bloc qui ne peuvent contenir que des éléments en ligne. éléments et ne peuvent pas contenir d'éléments de niveau bloc. Ces balises spéciales sont :

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

   .

   4. li peut contenir la balise p - celle-ci n'a pas besoin d'être répertoriée séparément Oui, mais de nombreuses personnes sur Internet ont des doutes à ce sujet, je vais donc l'expliquer brièvement ici :

   Les balises li et p 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 peut même être la sienne). parent ul ou ol Accommodant, pourquoi certaines personnes pensent-elles que li ne peut pas accueillir un p ? Ne pensez pas que Li est si avare. Ne pensez 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 :

   　

   < ;/p> ;

   —— Droite

   　

   —— Droite

   　

   — Faux

   Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!