Analyse de règles imbriquées de balises XHTML_HTML/Xhtml_Production de pages Web

Dans le langage XHTML, nous le savons tous : la balise ul contient li, la balise dl contient dt et dd - les règles d'imbrication de ces balises fixes sont très claires. Cependant, il existe encore de nombreuses balises indépendantes et non regroupées, comme h1, div, p... Alors quelles sont les règles d'imbrication de ces balises ? Parlons de ce sujet aujourd'hui.

En ce qui concerne les règles d'imbrication des balises XHTML, il faut d'abord savoir qu'il existe deux types de balises XHTML, l'une est appelée élément de niveau bloc(bloc), et l'autre s'appelle élément en ligne (inline, beaucoup de gens l'appellent aussi : inline, inline, line level, etc.).

La norme de classification pour les éléments de niveau bloc et les éléments en ligne

est très simple. Veuillez mettre les deux lignes de code suivantes dans la balise body :

.

div1

div2

Effet de rendu du navigateur :

div1

div2

Les deux divs présentés sur la page occupent deux rangées d'espace, à moins qu'ils ne soient flottants ou que d'autres réglages ne soient effectués, aucun n'est à côté de l'autre. Ils occupent tous leur propre rangée d'espace de manière dominatrice - —Chaque fois que vous voyez une balise. présentant ce phénomène, vous pouvez l'appeler : Élément de niveau bloc (bloc)  ;

Mettez les deux lignes de code suivantes dans la balise body :

span1

span2

Effet de rendu du navigateur :

span1 span2

Cette fois, les deux spans sont juxtaposés en une seule ligne. Ils sont conviviaux et harmonieux... On peut les appeler des comportements de balises comme ceci :

Éléments en ligne (inline) ;

La différence entre les éléments de niveau bloc et les éléments en ligne :

· Les éléments de niveau bloc sont généralement utilisés pour créer l'architecture, la mise en page et le contenu d'un site Web... Ces tâches physiques majeures appartiennent toutes à des éléments de niveau bloc, qui incluent les balises suivantes :

div, ul, li, dl, dt, dd, h1~h6, p,

adresse……

· Les éléments en ligne sont généralement utilisés dans certains détails ou parties du contenu du site Web pour « souligner, distinguer les styles, les exposants, les indices, les ancres », etc. Les balises suivantes sont toutes des éléments en ligne :

a, span, strong,

sub, sup, img...

· Les éléments de bloc et les éléments en ligne peuvent être convertis les uns aux autres Le code de conversion est le suivant : .

display: block; /* Convertir en élément de bloc */

display: inline; /* Convertir en élément inline */

· Les éléments de bloc et les éléments en ligne ont des règles d'appel différentes pour les CSS (cet article traite de l'imbrication de balises, ce point de connaissance ne sera donc pas expliqué. ).

Après avoir brièvement compris les éléments de bloc et les éléments en ligne, nous pouvons lister les règles d'imbrication des

balises XHTML ci-dessous :

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  : .

—— Oui

—— Vrai

2. Les éléments de niveau bloc ne peuvent pas être placés à l'intérieur de

—— Faux

—— Faux

3. Il existe plusieurs éléments spéciaux de niveau bloc qui ne peuvent contenir que des éléments en ligne 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 des balises div

- Cet élément n'a pas besoin d'être répertorié séparément, mais de nombreuses personnes sur Internet sont confuses à ce sujet, je vais donc l'expliquer brièvement ici :

Les balises Li et div sont toutes deux des conteneurs de chargement de contenu. Elles ont un statut égal et n'ont aucune distinction de niveaux (par exemple : des hiérarchies strictes telles que h1 et h2^_^ Il faut savoir à quoi 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 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 :

—— Oui

—— Faux

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