Maison >interface Web >tutoriel HTML >Comment les balises HTML doivent-elles être imbriquées ?

Comment les balises HTML doivent-elles être imbriquées ?

php中世界最好的语言
php中世界最好的语言original
2018-01-25 11:22:581711parcourir

Cette fois je vais vous montrer comment imbriquer les balises html, et quelles sont les précautions pour imbriquer les balises html Voici un cas pratique, jetons un oeil.

Il existe de nombreuses balises XHTML : p, ul, li, dl, dt, dd, h1~h6, p, a, addressa, span, strong... Quand on utilise ces balises pour construire la structure de la page , Ils peuvent être imbriqués à 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 pour la balise html  ?

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

1. Les éléments de niveau bloc

sont généralement utilisés pour créer un site Web architecture , mise en page, contenu... Il comprend les balises suivantes :

address、blockquote、center、dir、p、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
2. Les éléments en ligne

sont généralement utilisés dans certains détails ou parties du contenu du site Web. pour "accentuer, distinguer les styles, les exposants, les indices,

ancrer ", etc. Les balises suivantes sont toutes des éléments incorporés :

 a、abbr、acronym、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. Intégration des balises HTML Ensemble de règles

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 :

 <p><h1></h1><p></p></p> —— 对</p>< p>  <a href=”#”><span></span></a> —— 对</p>< p>  <span><p></p></span> —— 错
2. Les éléments de niveau bloc ne peuvent pas être placés à l'intérieur de e388a4556c0f65e1904146cc1a846bee :


<p><ol><li></li></ol></p> —— 错</p>< p>  <p><p></p></p> —— 错
3 Il existe plusieurs éléments spéciaux de niveau bloc. Ils ne peuvent contenir que des éléments en ligne. ne contient plus 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 p - celle-ci n'a pas besoin d'être répertoriée séparément, mais de nombreuses personnes sont dessus. les Internet ont quelques 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, avec un statut égal et sans distinction de niveau (par exemple : h1, h2, etc. . Hiérarchie stricte ^_^), vous savez, la balise li peut même accueillir son parent ul ou ol Pourquoi certaines personnes pensent-elles que li ne peut pas accueillir un p ? Ne pensez pas que Li est si avare, même si Li a l'air 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 aux éléments en ligne. sont en ligne avec des éléments en ligne :

      <p><h2></h2><p></p></p> —— 对</p>< p>  <p><a href=”#”></a><span></span></p> —— 对</p>< p>  <p><h2></h2><span></span></p> —— 错
Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lectures associées :

Comment utiliser HTML et CSS pour formuler des idées claires

Comment écrire de manière flexible, stable, Code HTML et CSS de haute qualité

Comment utiliser les balises de titre et les balises de paragraphe en XHTML

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