Explication sur les balises section et article

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

  1. Contributeur

    bonjour,

    Tu peux en effet imbriquer librement sections et articles.

    1. 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

      1. Contributeur

        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, ...

      2. @yg_be

        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>