L'objectif principal de cet article est de vous présenter la différence entre les balises de section HTML5 et les balises div. L'utilisation de section et div peut sembler similaire, mais en fait, elles ne sont pas trop différentes à certains endroits. convertis les uns aux autres, mais à certains endroits, vous ne pouvez utiliser que des sections ou des div, qui ne peuvent pas être convertis. D'accord, lisons l'article ensemble
Regardons d'abord ce qui est écrit dans le standard HTML du. Balise de section :
Chaque section correspond à un sujet différent. Faites attention au thème du contenu lui-même, et non aux critères de division fixés par d'autres. Des exemples de
section incluent les chapitres de livre, chaque page à onglet d'une boîte de dialogue multi-onglets et les sections numérotées d'un article. La page d'accueil du site Web peut être divisée en sections telles que l'introduction, le dernier contenu, les coordonnées, etc.
Remarque : les auteurs de pages Web doivent utiliser des éléments d'article au lieu d'éléments de section si leur contenu est utilisé à des fins de syndication. Par exemple, chaque blog sur la page d'accueil du blog. Un autre exemple est le premier étage, le deuxième étage, le troisième étage... et l'étage des messages du forum. En règle générale, chaque élément de contenu est de forme similaire mais indépendant de la source.
Remarque : la section n'est pas un élément conteneur universel. S'il n'est utilisé que pour le style ou la création de scripts, utilisez des éléments div. Une règle simple consiste à utiliser l'élément section uniquement si le contenu de l'élément sera répertorié dans le plan du document.
Parlons ensuite de la différence entre la balise section html5 et la balise div :
1. La section n'est pas une balise spécialement utilisée comme conteneur, mais div
Il devrait y avoir un titre (h1~6) dans la section, mais il est recommandé d'utiliser article à la place dans l'article On peut le comprendre comme un paragraphe non-article, un module spécial. conteneur avec un identifiant clair (pas un conteneur de package dédié aux blocs vivants). En d'autres termes, si div est généralement utilisé comme conteneur d'éléments au lieu de section, alors section est inutile ? Modèle Tucson cassé. Dans ce cas, il vaut mieux utiliser section que div. section, comme son nom l'indique, est un chapitre, tel que :<section> <h1>PHP中文网</h1> <p>欢迎来到PHP中文网,这里的网址是m.sbmmt.com</p> </section>
Résumé des balises section et des balises div en html5 :
DIV : Cette balise a toujours été notre balises les plus couramment vues et utilisées. Il n’a pas de sémantique et est utilisé comme balise de mise en page et de style. Section : similaire à div, mais elle a une sémantique supplémentaire. Une section est utilisée comme élément de contenu d'actualité, généralement contenant un titre. Les scénarios d'application typiques pour une section doivent être des chapitres d'un article, des onglets dans la boîte de dialogue d'onglets ou des parties numérotées du document. 【Recommandation de l'éditeur】Comment envelopper le texte dans la balise pre en html ? Exemples d'utilisation de la balise HTML pre
Que signifie la balise HTML ul ? Explication détaillée du rôle de la balise HTML ul
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!