tag h1 dans les sections

Je sais qu'ici et autour d'internet il y a beaucoup d'informations et je les ai lues, mais j'ai été déçu par la validation html5. Ma page web est comme ceci:tag h1 dans les sections

<body> 
    <nav> 
     <ul> 
      <li>...</li> 
      <li>...</li> 
     </ul> 
    </nav> 
    <main> 
     <section> 
      <header> 
       <h1>...</h1> 
      </header> 
      <section> 
       <header> 
        <h1>Section 1</h1> 
       </header> 
       <p>...</p> 
       <p>...</p> 
       </section> 
       <section> 
        <header> 
         <h1>Section 2</h1> 
        </header> 
        <p>...</p> 
        <p>...</p> 
       </section> 
       <section> 
        <header> 
         <h1>Section 3</h1> 
        </header> 
        <p>...</p> 
        <p>...</p> 
       </section> 
      </section> 
     </main> 
     <footer> 
      <h2>...</h2> 
      <p>...</p> 
     </footer> 
    </body>

par mes connaissances, html5doctor et spécification w3c est juste. Ma page est un site Web onepage et chaque section a sa propre signification. ... mais si j'essaye de valider, j'obtiendrai des avertissements pour considérer utiliser h2 - h6 dans la section, au lieu de h1. Ma page web a été validée, mais je suis nerveuse par les avertissements. S'il vous plaît pouvez-vous me confirmer, c'est OK ou ce qui est exactement faux sur ce point?

Merci pour chaque réponse professionnelle Peter

Source

2015-03-14 PeterB

L'idée originale de HTML5 contenait le concept d'un algorithme de contour. Dans celui-ci, le premier h1 de votre exemple serait interprété de la même manière qu'un h1 en HTML 4.01. Les éléments h1 dans les éléments de section seraient traités comme équivalents à un élément h2 dans HTML 4.01. C'est-à-dire qu'ils indiqueraient le début d'une sous-section subordonnée à la section de premier niveau commencée par le premier élément h1. Cependant, ce qui s'est passé en pratique, c'est que ni les navigateurs, ni les lecteurs d'écran, ni les autres processeurs HTML remarquables n'ont implémenté correctement l'algorithme de contour HTML5.

Le résultat est que votre page sera mal interprétée. La plupart du temps, cela affecte la technologie d'accessibilité qui utilise intensément les niveaux d'en-tête pour permettre à ses utilisateurs de naviguer efficacement dans vos pages.

Je ne sais pas s'il y a des effets SEO négatifs spécifiques, mais l'interprétation erronée sémantique efficace est peu susceptible d'être bénéfique. Donc le conseil que le validateur vous donne, c'est que dans un avenir prévisible, il est préférable d'utiliser le même arrangement de niveau d'en-tête que vous utiliseriez en HTML 4.01, soit h1 pour les en-têtes de section de haut niveau, h2 pour les sous-sections du niveau suivant, h3 pour les sous-sous-sections, etc.

Source

2015-03-15 01:22:05 Alohci

tag h1 dans les sections

Répondre

Questions connexes