2011-12-14 6 views
7

È consentito e Ok utilizzare più <header> e in HTML 5, se sì, allora non è semanticamente errato e confonderà gli utenti di screen reader?Più <header> e <footer> in un documento HTML5

ho visto molti sito utilizza come

<body class="home"> 
    <header class="hd1"> 
     <hgroup> 
     <h1>HTML5 Documnet</h1> 
     <h2>tagline</h2> 
     </hgroup> 
    </header><!-- .hd1 --> 
    <div class="main"> 
     <section class="hs1"> 
      <header> 
      <h1>This is a Page Sub Title</h1> 
      </header> 

      <p>Some content...</p> 
      <h2>Demonstrating EM and STRONG</h2> 

      <p><strong>This text will have more importance (SEO-wise and contextually)</strong></p>   

      <footer> 
      <p>Author: <cite>Louis Lazaris</cite></p> 
      </footer> 

     </section> 
    </div><!-- .main --> 
    <footer class="f1"> 
    <p>copyright &copy; year</p> 
    </footer><!-- .f1 --> 

</body> 

risposta

7

Sì, più <header> e <footer> elementi vanno bene. Non sono utilizzati allo stesso modo di <div id="header"> come la maggior parte delle persone li usano per. Tecnicamente parlando, intestazione e piè di pagina rappresentano un'intestazione e un piè di pagina di una sezione. Una sezione essere un pezzo della pagina, come un articolo che contiene tag di intestazione come <h1> e poi il contenuto, quindi piè di pagina roba come i diritti d'autore, citazioni, riferimenti, ecc

dalla bocca dei cavalli:

A l'intestazione contiene solitamente l'intestazione della sezione (un elemento h1-h6 o un elemento hgroup), ma non è necessario. L'elemento di intestazione può anche essere utilizzato per avvolgere il sommario di una sezione, , un modulo di ricerca o qualsiasi logo pertinente.

E

L'elemento piè rappresenta un piè suo antenato più vicino sezionamento contenuto o sezionamento elemento radice. Un footer in genere contiene informazioni sulla sua sezione, ad esempio chi lo ha scritto, collegamenti a documenti correlati, dati di copyright e simili.

Direttamente dalla spec a: http://dev.w3.org/html5/spec/Overview.html

Si noti che, come ho detto queste non vengono utilizzati per creare sezioni come le persone hanno fatto con <div id="header/footer"> si parla questa confusione nelle specifiche:

Il piè di pagina l'elemento non è il contenuto di sezioni; non introduce una nuova sezione .

Così, ancora una volta, "tecnicamente" parlare, che ultima piè di pagina che hai lì introduce una nuova sezione e non è semantica. Dal punto di vista delle specifiche comunque.