Section vs article HTML5

J’ai une page composée de différentes “sections” comme des vidéos, un fil d’actualité, etc. Je suis un peu confus quant à la manière de les représenter avec HTML5. Actuellement, je les ai en tant que HTML5

s, mais après inspection, il semble que la balise la plus correcte serait

. Quelqu’un pourrait-il nous éclairer à ce sujet?

Aucune de ces choses ne sont des articles de blog ou des “documents” dans le vrai sens du terme, il est donc difficile de voir quel élément appliquer.

À votre santé

EDIT: J’ai opté pour l’utilisation de la balise d’ article car celle-ci semble être une balise contenant des éléments non liés que je suppose que mes “sections” sont. Le véritable article semble cependant être plutôt trompeur et bien qu’ils disent que le HTML5 a été développé avec une plus grande considération pour les applications Web, je trouve que beaucoup de tags sont plus centrés sur les blogs / documents.

Quoi qu’il en soit, merci pour vos réponses, cela semble assez subjectif.

On dirait que vous devriez envelopper chacune des “sections” (comme vous les appelez) dans les balises

et les entrées de l’article dans les balises

.

La spécification HTML5 dit (Section):

L’élément section représente une section générique d’un document ou d’une application. Une section, dans ce contexte, est un regroupement thématique de contenu, généralement avec un en-tête. […]

Des exemples de sections seraient les chapitres, les différentes pages à tabs dans une boîte de dialog à tabs 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 articles d’actualité et des informations de contact.

Note : Les auteurs sont encouragés à utiliser l’élément article à la place de l’élément section lorsqu’il serait judicieux de syndiquer le contenu de l’élément.

Et pour l’ article

L’élément article représente une composition autonome dans un document, une page, une application ou un site et est, en principe, dissortingbuable indépendamment ou réutilisable, par exemple dans la syndication. Cela peut être un post sur un forum, un article de magazine ou de journal, une entrée de blog, un commentaire soumis par un utilisateur, un widget ou un gadget interactif ou tout autre élément de contenu indépendant.

Je pense que ce que vous appelez les “sections” dans le PO correspondent à la définition de l’article car je peux voir qu’elles peuvent être dissortingbuées ou réutilisées indépendamment .

Mise à jour: Quelques modifications de texte mineures pour l’ article dans le dernier projet d’éditeur pour HTML 5.1 (modifications en italique):

L’élément d’article représente une composition complète ou autonome dans un document, une page, une application ou un site et qui, en principe, peut être dissortingbuée ou réutilisée indépendamment, par exemple en syndication. Cela peut être un post sur un forum, un article de magazine ou de journal, une entrée de blog, un commentaire soumis par un utilisateur, un widget ou un gadget interactif ou tout autre élément de contenu indépendant.

Également, discussion sur la liste de diffusion HTML publique concernant les article de janvier et février 2013.

Dans la page wiki W3 sur la structuration de HTML5 , il est écrit:

: Utilisé pour regrouper différents articles dans des objectives ou des sujets différents, ou pour définir les différentes sections d’un même article.

Et puis affiche une image que j’ai nettoyée:

entrer la description de l'image ici

Il décrit également comment utiliser la

(à partir du même lien W3 ci-dessus):

est lié à

, mais est distinctement différent. Alors que

est destiné à regrouper des sections distinctes de contenu ou de fonctionnalité,

est destiné à contenir des éléments de contenu autonomes, tels que des articles de blog individuels, des vidéos, des images ou des articles. Pensez-y de cette façon – si vous avez un certain nombre d’éléments de contenu, chacun pouvant être lu par eux-mêmes et qu’il serait judicieux de syndiquer en tant qu’éléments séparés dans un stream RSS, alors

convient au marquage. les monter.

Dans notre exemple,

contient des entrées de blog. Chaque entrée de blog conviendrait à la syndication en tant qu’élément d’un stream RSS, et aurait un sens lorsqu’elle est lue seule, hors contexte. Par conséquent,

est parfait pour elles:

 

Simple hein? Sachez cependant que vous pouvez également imbriquer des sections à l’intérieur d’articles, là où il est judicieux de le faire. Par exemple, si chacun de ces articles de blog a une structure cohérente de sections distinctes, vous pouvez également insérer des sections dans vos articles. Cela pourrait ressembler à ceci:

 

J’utiliserais

pour un bloc de texte sans rapport avec les autres blocs de la page.

, d’un autre côté, serait un diviseur pour séparer un document qui sont liés l’un à l’autre.

Maintenant, je ne suis pas sûr de ce que vous avez dans vos vidéos, stream de nouvelles, etc., mais voici un exemple (il n’y a pas de vrai ou faux, juste un guide sur la façon dont j’utilise ces tags):

 

People

text about people

fat people

text about fat people

skinny people

text about skinny people

Cars

text about cars

Fast Cars

text about fast cars

Comme vous pouvez le voir, les sections sont toujours pertinentes les unes par rapport aux autres, mais tant qu’elles se trouvent dans un bloc qui les regroupe. Les sections ne doivent pas être à l’intérieur des articles. Ils peuvent être dans le corps d’un document, mais j’utilise des sections dans le corps, lorsque le document entier est un article.

par exemple

  

Cars

text about cars

Fast Cars

text about fast cars

J’espère que cela a du sens.

J’aime restr fidèle à la signification standard des mots utilisés: un article s’appliquerait bien aux articles. Je définirais les articles de blog, les documents et les articles d’actualité comme des articles . Les sections, d’autre part, feraient référence à des éléments layout / ux: sidebar, header, footer seraient des sections. Cependant, tout cela est mon interprétation personnelle – comme vous l’avez souligné, la spécification de ces éléments n’est pas bien définie.

En prenant cela en charge, le w3c définit un élément d’ article comme une section de contenu pouvant être autonome. Un article de blog peut être considéré comme un élément de contenu précieux et consommable. Cependant, un en-tête ne serait pas.

Voici un article intéressant sur la folie des hommes en essayant de différencier les deux nouveaux éléments. Le sharepoint base de l’article, que je trouve également correct, est d’essayer d’utiliser ce que l’élément que vous jugez le plus représente ce qu’il contient.

Ce qui est plus problématique, c’est que l’article et la section sont très similaires. Tout ce qui les sépare est le mot «autonome». Décider quel élément utiliser serait facile s’il y avait des règles ssortingctes. Au lieu de cela, c’est une question d’interprétation. Vous pouvez avoir plusieurs articles dans une section, vous pouvez avoir plusieurs sections et articles, vous pouvez imbriquer des sections dans des sections et des articles dans les sections. C’est à vous de décider quel élément est le plus sémantiquement approprié dans une situation donnée.

Voici une très bonne réponse à la même question ici sur SO

Section

  • Utilisez cette option pour définir une section de votre mise en page. Il pourrait être mid , left , right , etc.
  • Cela a un sens de connexion avec un autre élément, en d’autres termes, c’est DEPENDENT.

Article

  • Utilisez-le là où vous avez un contenu indépendant qui a du sens.

  • L’article a sa propre signification complète.

Une section est fondamentalement un wrapper pour h1 (ou d’autres balises h ) et le contenu correspondant. Un article est essentiellement un document de votre document qui est répété ou paginé … comme chaque article de votre document peut être un article ou chaque commentaire de votre document peut être un article.

aussi, pour le contenu syndiqué “Les auteurs sont encouragés à utiliser l’élément article au lieu de l’élément section lorsqu’il serait judicieux de syndiquer le contenu de l’élément.”

Mon interprétation est la suivante: je pense à YouTube qui a une section de commentaire, et à l’intérieur de la section des commentaires, il y a plusieurs articles (dans ce cas, des commentaires).

Ainsi, une section est comme un div-container contenant des articles.

Article et Section sont deux éléments sémantiques de HTML5. Section est un élément de bloc comme div, mais pertinent pour le contenu de notre page Web. L’article est également un niveau de bloc, mais contient n’est pas pertinent pour votre page Web. Comme les informations sur l’auteur, la publicité, etc. L’article et la section contiennent tous deux des éléments de titre h2-h6.