web-dev-qa-db-fra.com

Comment utiliser les balises <article> dans la page d'accueil d'un blog?

J'ai une page d'accueil d'un blog où j'ai l'img, le titre, la date et un bref résumé ou une introduction pour chaque post. Ensuite, un lien vers le texte intégral dans une autre page. Je ne sais pas comment utiliser les balises <article> dans la page d'accueil du blog.

  1. Devrais-je utiliser article pour chaque message? (rappelez-vous ici je n'ai pas le texte intégral)
  2. Je ne devrais pas utiliser article du tout? Peut-être devrais-je utiliser uniquement section pour chaque message?
  3. Peut-être que la article est le groupe de tous les articles et que chaque article est un section?

Je ne sais pas comment appliquer ce que j'ai trouvé:

Le W3C dit : "L'élément <article> représente une section de contenu indépendante"

w3schools dit : "La balise spécifie un contenu indépendant et autonome. Un article doit avoir un sens en soi et il devrait être possible de le distribuer indépendamment du reste du site."

<div id="all">

<article id="1">
<img src="img-1.png" alt="alt of the img" > 
<h3>Title 1</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-1">More</a>
</article>

<article id="2">
<img src="img-2.png" alt="alt of the img" > 
<h3>Title 2</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-2">More</a>
</article>

</div>
bloghtml5markuparticles
3
Nrc

Votre exemple de code est une utilisation correcte de la balise article. C'est essentiellement une chose sémantique et peut être utilisé chaque fois que vous avez groupé du contenu avec un élément répétable changeant.

Pour être tout à fait correct (et pédagogiquement), vous devriez également utiliser une balise main autour de toutes les balises article pour présenter la relation idée/regroupement principale des articles, mais je ne le vois que très rarement et presque jamais. utilisez-le personnellement.

À la fin de la journée, le balisage sémantique peut aider les spiders des moteurs de recherche plus avancés à classer votre contenu, mais de nombreux autres signaux sont en cause, si bien que renoncer à ce contenu ne produit généralement pas de pénalité significative.

1
JCL1178