Explication détaillée des différences entre div, section et article dans HTML5

Cet article présente principalement les détails de la différence entre div, section et article dans HTML5. Il est cité dans W3C et répertorié avec des exemples de code. Les amis qui en ont besoin peuvent y faire référence.

Quand j'ai commencé à entrer en contact avec HTML5, j'étais très mal à l'aise avec ses étiquettes et même je me suis senti un peu dégoûté à un moment donné. Surtout pour Div, Section, Article Tags, je ne peux vraiment pas comprendre quelles occasions utiliser.

Spec HTML:

L'élément DIV n'a aucune signification particulière du tout.

Cette balise est la balise la plus couramment utilisée que nous voyons et utilisons le plus. Il n'a pas de sémantique lui-même et est utilisé comme crochet pour la mise en page et le style ou les scripts.

HTML SPEC: L'élément de section représente une section générique d'un document ou d'une application. Une section, dans ce contexte, est un groupe thématique de contenu, généralement avec un titre.

Contrairement à la sémantique de Div, la section est simplement une div avec sémantique, mais ne pensez pas que c'est vraiment aussi simple. La section représente une section de contenu topique, généralement avec un titre. Après avoir vu cela, nous pouvons penser que un article de blog ou un commentaire distinct n'aurait-il pas juste de raison d'utiliser la section? Suivant regard:

Les auteurs sont encouragés à utiliser l'élément d'article au lieu de l'élément de section lorsqu'il serait logique de syndiquer le contenu de l'élément.

Lorsque le contenu de l'élément est plus significatif, un article doit être utilisé pour remplacer la section.

Alors, quand la section doit être utilisée? Continuons à voir:

Des exemples de sections seraient des chapitres, les différentes pages à onglets dans une boîte de dialogue à onglets ou les sections numérotées d'une thèse. La page d'accueil d'un site Web peut être divisée en sections pour une introduction, des actualités et des coordonnées.

Les scénarios typiques de l'application de section incluent les chapitres de l'article, les pages d'onglet dans la boîte de dialogue Tag ou les pièces numérotées dans le papier. La page d'accueil d'un site Web peut être divisée en plusieurs parties telles que l'introduction, les informations et les coordonnées. En fait, je suis très intéressé à transmettre les informations ici, car je pense que la section et l'artille à introduire ci-dessous sont plus adaptés aux applications modulaires. Ce sujet sera discuté à l'avenir, et je le sauterai ici pour l'instant.

Sachez que W3C prévient également:

L'élément de section n'est pas un élément de conteneur générique. Lorsqu'un élément est nécessaire à des fins de style ou comme commodité pour les scripts, les auteurs sont encouragés à utiliser l'élément DIV à la place. Une règle générale est que l'élément de section n'est approprié que si le contenu de l'élément serait répertorié explicitement dans le plan du document.

La section est plus qu'une simple étiquette de conteneur normal. Lorsqu'une balise est juste pour le style ou facile à utiliser dans les scripts, DIV doit être utilisé. De manière générale, la section s'applique lorsque le contenu de l'élément apparaît explicitement dans le plan du document.