Explication sur les balises section et article

flexi2202 Messages postés 4141 Statut Membre -  
flexi2202 Messages postés 4141 Statut Membre -

bonjour a tous

j'ai beaucoup de mal a comprendre les nouvelles balises html 5 qui sont section et article 

j'ai l'impression que l'on peux faire tout et n'importe quoi 

d'apres tout ce que je lis depuis plusieurs jours

on peux mettre des sections dans des sections 

des articles dans dans des articles 

des sections dans des articles 

Mais aussi des articles dans des sections 

il n'y a aucue explication claire et precise

Merci de l'aide 

2 réponses

yg_be Messages postés 24281 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 585
 

bonjour,

Tu peux en effet imbriquer librement sections et articles.

0
flexi2202 Messages postés 4141 Statut Membre 190
 

Bonjour 

Merci pour la reponse 
Mais dans quel cas et comment utiliser l'une par rapport a l'autre 
car y a pas deux tutos ou explication les meme

0
yg_be Messages postés 24281 Date d'inscription   Statut Contributeur Dernière intervention   1 585
 

Un article, c'est, comme un article de journal, un élément qui forme un tout, qui peut être déplacé et réutilisé.

Une section, c'est, comme un chapitre d'un livre, une partie d'un document.

Ces balises aident à structurer les pages.  C'est bénéfique pour celui qui crée et modifie les pages, pour ceux qui les lisent, et cela aide les moteurs de recherche à analyser les pages.

C'est assez similaire à la structure d'un document Word, ou autre.  En utilisant correctement les différents éléments de stucture (comme les chapitres et les sections), on obtient un document qu'on peut facilement mettre à jour, dont on peut automatiquement obtenir une table des matières, ...

0
flexi2202 Messages postés 4141 Statut Membre 190 > yg_be Messages postés 24281 Date d'inscription   Statut Contributeur Dernière intervention  
 

merci pour l'aide

puis je ajouter une div pour envellopper deux articles
car je suis oblige de mettre un titre dans la section pour validator.w3.org et je sais aussi que je dois placer mes mots cle dans le premier paragraphe
 

<main>
  <section class="container-cadre6">
    <h1 class="titre"><strong>Découverte de mes perles pour la pêche du gardon</strong></h1>
    <p>

    </p>
    <div>
      <article>
        <h2 class="h3-frame-cadre6"><strong>Les perles avec germes pour la pêche du gardon</strong></h2>

      </article>

      <!-- DEUXIEME CADRE -->
      <article>
        <h2 class="h3-frame-cadre6"><strong>Les packs de perles pour la pêche</strong></h2>

      </article>
    </div>
  </section>
</main>
0