Comprendre en profondeur quelles sont les règles d'imbrication des éléments en HTML ?

Cet article vous donnera une compréhension approfondie des règles d'imbrication des éléments HTML. L'éditeur le décrira pour vous ci-dessous

1. éléments (en ligne).

1. 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... Il comprend les balises suivantes :

adresse, blockquote, center, dir, div, 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és 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, 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 en ligne L'élément ne peut pas contenir block, il ne peut contenir que d'autres éléments en ligne :

　

　 —— Oui

　

;/span> —— Faux

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

 :

　

—— Faux
　
—— Faux
3. Là 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 :
balises li et div sont tous deux des conteneurs de chargement de contenu. Ils ont le même statut et il n'y a pas de distinction entre les niveaux (par exemple : hiérarchies strictes telles que h1 et h2^_^ Il faut savoir que la balise li est connectée à son parent ul ou ol All). peuvent être hébergés.
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>< ;/p>
—— Droite
　
< ;/div> ; —— Vrai

　

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!

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

Article précédent：Partager le code de l'effet d'inclinaison de l'élément HTMLArticle suivant：Partager le code de l'effet d'inclinaison de l'élément HTML

Articles Liés

Voir plus

• Html小知识总结
• 如何快速学习HTML
• html xhtml xml的区别
• src与href属性的区别
• 关于HTML5和CSS替换使用