Section et article HTML5

Question

J'ai une page composée de différentes "sections" comme des vidéos, un fil d'actualité, etc. Je ne sais pas trop comment les représenter avec HTML5. Actuellement, je les ai en HTML5 <section> mais après un examen plus approfondi, il semble que la balise la plus correcte serait <article> . Quelqu'un peut-il m'éclairer à ce sujet ?

Aucune de ces choses n'est un article de blog ou un "document" au sens propre du terme, il est donc difficile de savoir quel élément appliquer.

Cheers

EDIT : J'ai opté pour l'utilisation de la fonction article puisqu'elle semble être une balise de conteneur pour des éléments sans rapport, ce que sont mes "sections", je suppose. L'article de tagname actuel semble cependant être plutôt trompeur et, bien qu'ils disent que HTML5 a été développé avec une plus grande considération pour le web, ils ne sont pas d'accord. applications Je trouve que beaucoup de balises sont plus axées sur les blogs et les documents.

En tout cas, merci pour vos réponses, il semble que ce soit assez subjectif.

Answer 1

En el Page du W3 wiki sur la structuration du HTML5 il est dit :

<section> : Utilisé soit pour regrouper différents articles selon des objectifs ou des sujets différents, soit pour définir les différentes sections d'un même article. ou sujets, soit pour définir les différentes sections d'un même article.

Et affiche ensuite une image que j'ai nettoyé :

Il décrit également comment utiliser le <article> (du même lien W3 ci-dessus) :

<article> est lié à <section> mais il est nettement différent. Alors que <section> sert à regrouper des sections distinctes de contenu ou fonctionnalité, <article> est destiné à contenir des éléments de contenu individuels des éléments de contenu autonomes, tels que des articles de blog, des vidéos, images ou articles d'actualité. Pensez-y de la façon suivante : si vous avez un certain nombre d'articles de éléments de contenu, dont chacun pourrait être lu seul et qu'il serait judicieux de syndiquer en tant qu'éléments distincts. et qu'il serait judicieux de les syndiquer sous forme d'éléments distincts dans un flux RSS. alors <article> convient pour les marquer.

Dans notre exemple, <section id="main"> contient des entrées de blog. Chaque entrée de blog pourrait être syndiquée en tant qu'élément d'un flux RSS, et aurait un sens lorsqu'elle est lue seule, hors contexte, et par conséquent <article> est parfait pour eux :

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

Simple, hein ? Sachez cependant que vous pouvez également imbriquer des sections à l'intérieur de lorsqu'il est judicieux de le faire. Par exemple, si chacun de ces articles de ce blog a une structure cohérente de sections distinctes, alors vous pouvez également placer des sections dans vos articles. Cela pourrait ressembler à quelque chose comme ça :

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Answer 2

Il semble que vous devriez envelopper chacune des "sections" (comme vous les appelez) dans <article> et les entrées dans l'article en <section> tags.

El Spécifications HTML5 dit (Section) :

L'élément section représente une section générique d'un document ou d'un groupe de documents. d'une application. Une section, dans ce contexte, est un regroupement thématique de contenu contenu, généralement accompagné d'un titre. [...]

Les chapitres, les différentes pages à onglets d'une boîte de dialogue à onglets ou les sections numérotées d'une thèse sont des exemples de sections. d'une boîte de dialogue à onglets, ou les sections numérotées d'une thèse. La page d'accueil d'un site pourrait être divisée en sections pour l'introduction, les nouvelles et les informations de contact.

Nota : Les auteurs sont encouragés à utiliser l'élément article au lieu de l'élément l'élément section lorsqu'il est judicieux de syndiquer le contenu de l'élément l'élément.

Et pour Article

L'élément d'article représente une composition autonome dans une document, une page, une application ou un site et qui est, en principe, indépendamment distribuable ou réutilisable, par exemple dans le cadre d'une syndication. Ce peut être un message de forum, un article de magazine ou de journal, une entrée de blog, d'un commentaire soumis par un utilisateur, d'un widget ou gadget interactif, ou de tout tout autre élément de contenu indépendant.

Je pense que ce que vous appelez "sections" dans le PO correspond à la définition d'un article, car je les vois comme suit distribuable ou réutilisable de manière indépendante .

Mise à jour : Quelques modifications mineures du texte pour article en el Dernier projet des éditeurs pour HTML 5.1 (changements en italique) :

L'élément article représente un complet, ou autonome, composition dans un document, une page, une application ou un site et qui est, en en principe, distribuable ou réutilisable de manière indépendante, par exemple dans le cadre de la syndication. Il peut s'agir d'un message de forum, d'un article de magazine ou de journal d'un magazine ou d'un journal, d'un article de blog, d'un commentaire soumis par l'utilisateur, d'un widget ou gadget interactif ou gadget interactif, ou tout autre élément de contenu indépendant.

De plus, une discussion sur la liste de diffusion Public HTML à propos de article sur Janvier y Février de 2013.

Answer 3

J'utiliserais <article> pour un bloc de texte qui n'a aucun rapport avec les autres blocs de la page. <section> En revanche, un séparateur permet de séparer des documents qui sont liés les uns aux autres.

Je ne suis pas sûr de ce que vous avez dans vos vidéos, votre fil d'actualité, etc., mais voici un exemple (il n'y a pas de vrai bien ou mal, juste une ligne directrice sur la façon dont j'utilise ces balises) :

<article>
    <h1>People</h1>
    <p>text about people</p>
    <section>
        <h1>fat people</h1>
        <p>text about fat people</p>
    </section>
    <section>
        <h1>skinny people</p>
        <p>text about skinny people</p>
    </section>
</article>
<article>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</article>

Comme vous pouvez le constater, les sections sont toujours pertinentes les unes par rapport aux autres, mais à condition qu'elles se trouvent à l'intérieur d'un bloc qui les regroupe. Les sections NE DOIVENT PAS se trouver à l'intérieur d'articles. Elles peuvent être dans le corps d'un document, mais j'utilise les sections dans le corps, lorsque le document entier est un article.

par exemple

<body>
    <h1>Cars</h1>
    <p>text about cars</p>
    <section>
        <h1>Fast Cars</h1>
        <p>text about fast cars</p>
    </section>
</body>

J'espère que cela a un sens.

Answer 4

Je préfère m'en tenir au sens courant des mots utilisés : Un article s'appliquerait à, eh bien, des articles. Je définirais les articles de blog, les documents et les articles d'actualité comme étant articles . Les sections, quant à elles, font référence à des éléments de mise en page/ux : barre latérale, en-tête, pied de page seraient des sections. Cependant, il s'agit de mon interprétation personnelle - comme vous l'avez souligné, les spécifications de ces éléments ne sont pas bien définies.

À l'appui de cette démarche, le w3c définit un article comme une section du contenu qui peut se suffire à elle-même. Un article de blog pourrait se suffire à lui-même en tant qu'élément de contenu précieux et consommable. En revanche, un en-tête ne le serait pas.

Ici est un article intéressant sur la folie d'un homme qui tente de différencier les deux nouveaux éléments. Le point fondamental de l'article, qui me semble également correct, est d'essayer d'utiliser l'élément qui, selon vous, représente le mieux ce qu'il contient.

Ce qui est plus problématique, c'est que l'article et la section sont tellement 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 strictes et rapides. règles strictes et rapides. Au lieu de cela, c'est une question d'interprétation. Vous pouvez avoir plusieurs articles à l'intérieur d'une section, vous pouvez avoir plusieurs sections dans un article, vous pouvez imbriquer des sections dans des sections et des articles dans des sections. C'est à vous de décider de l'élément qui est le plus approprié sémantiquement le plus approprié dans une situation donnée.

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

Answer 5

Également, pour le contenu syndiqué "Les auteurs sont encouragés à utiliser l'élément article au lieu de l'élément section lorsqu'il serait logique de syndiquer le contenu de l'élément."