web-dev-qa-db-fra.com

Erreur de validation html w3c - La section manque d'en-tête. Envisagez d'utiliser des éléments h2-h6 pour ajouter des en-têtes d'identification à toutes les sections

Je reçois un avertissement lorsque j'essaie de valider ma page dans http://validator.w3.org:

La section manque de titre. Envisagez d'utiliser des éléments h2-h6 pour ajouter des en-têtes d'identification à toutes les sections.

Mon code est comme ci-dessous:

<section id="slider-wrapper-new">
    <div class="slider-container-new">
        // some code..
    </div>
</section>

Comment puis-je supprimer cette erreur? Dois-je obligatoirement ajouter h1-h6 balises à l'intérieur du titre de la section?

html5warningsw3c-validationsectionshtml-validation
35
Vidhi

Non plus:

  1. Ajoutez un en-tête (h1, ..., h6) à votre élément section.
  2. Remplacez votre élément section par un élément div.
  3. Ignorez l'avertissement. Le message que vous voyez est une recommandation d'utilisation non normative , conformément à la spécification HTML5 (mettant en évidence la mienne):

    Le thème de chaque section doit être identifié, généralement en incluant un titre (h1-h6 element) en tant qu'enfant de l'élément section.

40
Robby Cornelissen

Votre code est valide (si vous utilisez une fermeture </section> au lieu de </div>).

Le validateur W3C signale un avertissement , pas une erreur .

Bien qu'il soit utile de fournir un en-tête pour chaque élément de contenu de section, il s'agit de non requis .

La seule façon d'éviter cet avertissement lors de l'utilisation d'éléments de contenu de sectionnement est, bien, de suivre les conseils en fournissant un élément de contenu d'en-tête. Si vous utilisiez un div à la place, le plan de votre document serait différent et probablement faux (si vous avez utilisé section correctement en premier lieu).

9
unor

Vous devez mettre un h1, h2, h3 dans votre section:

<section id="slider-wrapper-new">
 <div class="slider-container-new">
  <h3>My Title</h3>
    // some code..
 </div>
2
Carlos