Les balises HTML peuvent-elles être imbriquées ?

Les balises HTML peuvent être imbriquées. Les règles d'imbrication en HTML sont les suivantes : 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. 2. Les éléments de niveau bloc ne peuvent pas être placés à l'intérieur des éléments p ; Les éléments , h5, h6, p et dt ne peuvent contenir que des éléments en ligne et ne peuvent plus contenir d'éléments de niveau bloc.

L'environnement d'exploitation de cet article : système Windows 10, version html5, ordinateur Dell G3.

Les balises HTML peuvent-elles être imbriquées ?

Les balises HTML peuvent-elles être imbriquées ?

Les règles générales pour l'imbrication des balises sont les suivantes :

1. les balises de bloc (telles que les balises p ne peuvent pas imbriquer d'autres balises de bloc), les blocs en ligne ne peuvent pas imbriquer (il existe un cas particulier de balise, qui peut imbriquer des div) :

<div>
    <span></span>
    <a href="#"></a>
</div>

　 Exemple de bloc imbriqué :

<div>
    <div></div>
</div>

2. -level elements Ne peuvent pas être placés à l'intérieur de l'élément p

Cas particulier (exemple d'erreur) :

　　　　　　<p>
　　　　　　　　<div></div>
　　　　　　</p>

Ce n'est pas possible, p ne peut qu'imbriquer p, et rien d'autre ne fonctionnera

De manière générale, les blocs en ligne ne peuvent pas être imbriqués, mais il existe des cas particuliers avec la balise  :

<a href="#">
    <div></div>
</a>

une balise est très spéciale. Elle peut imbriquer des div et des balises en ligne, mais elle ne peut pas s'imbriquer elle-même (). Les éléments de niveau ne peuvent contenir que des éléments en ligne et ne peuvent plus contenir d'éléments de niveau bloc. Ces balises spéciales sont : h1, h2, h3, h4, h5, h6, p, dt

Les éléments de niveau bloc sont juxtaposés aux éléments de niveau bloc. éléments , éléments en ligne juxtaposés à des éléments en ligne :

　　<div><h2></h2><p></p></div> —— 对
　　<div><a href=”#”></a><span></span></div> —— 对
　　<div><h2></h2><span></span></div> —— 错