Markup Validation Service warnings

Réponses

• yomli Member

  juin 2015

  Le premier warning indique que tu utilises plusieurs fois <h1>, ce qui est sémantiquement déconseillé (c'est comme avoir deux titres de bouquins différents sur une même couverture de livre). Ton <article> devrait avoir un <h2> comme titre.
  
  Le second vient du fait qu'une <section> se doit d'avoir au moins un élément de titre :

  [== HTML ==]
  <section>
      <h2>Ton titre</h2>
       <p>Ton contenu</p>
  </section>
  

  Change donc ta <section> en simple <div> dans le corps de l'<article>.
  
  Plus d'infos : HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav
• Gzyg Member

  juin 2015

  @yomli : NON !
  
  En HTML5 plusieurs h1 sont totalement sémantiques et recommandés à condition qu'ils se trouvent encadrés de balises <header></header> elles-mêmes à l'intérieur de bloc <article> ou <section>.
  
  http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements
  
  Les avertissements des validateurs (qui ne sont pas forcément à jour de html5) ne sont que des avertissements, pas des erreurs.
  
  
  à plus,
  
  Gzyg
• Stéphane Member, Former PluXml Project Manager

  juin 2015

  +1. tout comme Gzyg

  Consultant PluXml

  Ancien responsable et développeur de PluXml (2010 à 2018)
• mr-toc Member

  juin 2015

  Merci, pour la réponse. Je suis plutôt surpris que les validateurs ne sont pas à jour.
  
  C'était plus par curiosité, mon site s'affiche correctement et c'est l'essentiel.
• yomli Member

  juin 2015

  Ok, [em]mea culpa[/em], c'est sémantiquement correct. N'empêche, il est bien [em]fortement encouragé[/em] de ne pas le faire :

  W3C Recommendation 28 October 2014 a écrit:

  Sections may contain headings of any rank, and authors are [em]strongly encouraged[/em] to use headings of the appropriate rank for the section's nesting level.

  (l'emphase est de moi, http://www.w3.org/TR/2014/REC-html5-20141028/sections.html#headings-and-sections)
  D'où, à mon avis, l'avertissement généré par les validateurs. Encore une fois, ce n'est pas une erreur, mais je donnais simplement un conseil pour enlever cet avertissement.
• Gzyg Member

  juin 2015

  @yomli : ce qui est encouragé ici par le w3c c'est de respecter la hiérarchie des titres dans les sections et leurs sous-sections. Le bout de phrase important dans ta citation est : section's nesting level, soit le respect hiérarchique de l'imbrication des sections ou des articles avec un header et un titre correspondant au niveau de cette imbrication.
  
  Exemple :
  

  [== HTML ==]
  <article>
    <header>
      <h1>Titre</h1>
    </header>
    <section>
      <header>
        <h2>Sous-titre</h2>
      </header>
      <section>
        <header>
          <h3>Sous-titre de sous-section</h3>
        </header>
      </section>
    </section>
    <section>
      <header>
        <h2>Sous-titre</h2>
      </header>
    </section>
  </article>
  <article>
    <header>
      <h1>Titre</h1>
    </header>
  </article>
  
  
  

  
  
  à plus,
  
  Gzyg
• yomli Member

  juin 2015

  @Gzyg : Ok, ça me parait clair, merci