Bonjour,

Est il possible d'utiliser plusieurs fois la balise section, article, et aside?

Je viens de regarder sur le site suivant: https://stackoverflow.com/questions/7183132/how-to-correctly-use-section-tag-in-html5

Au sujet de la balise section, l'auteur précise qu'elle n'est pas un conteneur générique. Pourtant, certains sites l'utilisent plusieurs fois.

Ma question revient à savoir dans quel cas utiliser la balise div. Pouvons nous y appliquer les mêmes attributs? 

Cordialement

Salut,

Ces balises ne sont plus "nouvelles" depuis un moment maintenant. ;) 

Mais pour te répondre : oui, on peut utiliser plusieurs fois ces balises. Le fait qu'elles ne soient pas générique ne veut pas dire qu'elles doivent être uniques, mais qu'elles doivent être utilisé pour un sens sémantique précis.

Une structure de ce genre est parfaitement valable :

<div class="site">
  <header class="site-header">
    <!-- -->
    <nav class="main-menu">
      <!-- -->
    </nav>
  </header>

  <main class="site-main">

    <section class="welcome">
      <header class="section-header">
        <!-- -->
      </header>

      <!-- -->
    </section>

    <section class="blog">
      <article class="post">
        <header class="article-header">
          <!-- -->
        </header>

        <div class="article-body">
          <!-- -->
        </div>

        <aside class="article-complements">
          <!-- -->
        </aside>

        <footer class="article-footer">
          <!-- -->
        </footer>
      </article>

      <article class="post">
        <header class="article-header">
          <!-- -->
        </header>

        <div class="article-body">
          <!-- -->
        </div>

        <aside class="article-complements">
          <!-- -->
        </aside>

        <footer class="article-footer">
          <!-- -->
        </footer>
      </article>
    </section>

    <section class="contact">
      <header class="section-header">
        <!-- -->
      </header>

      <aside class="contact-infos">
        <!-- -->
      </aside>

      <!-- -->
    </section>

  </main>

  <footer class="site-footer">
    <!-- -->

    <nav class="bottom-menu">
      <!-- -->
    </nav>
  </footer>
</div>

Les seules balises qui doivent être uniques dans une page sont html, body, title et main.

Quant aux div, elles n'ont pas de rôle, justement (ce sont des balises génériques, pour le coup). Donc tu peux les utiliser dans de très nombreux cas, généralement pour permettre la mise en forme en CSS ensuite. Par exemple, pour faire des colonnes. Ou également n'importe quel élément pour lequel aucune balise sémantique (header, article, etc.) ne conviendrait.