Struttura HTML5 e intestazioni nella sezione o nell'articolo

Anche se dovrei davvero saperlo, temo di non averlo capito completamente. Dopo aver letto diversi articoli, letto libri e parlato con gli altri, ancora non capisco la struttura corretta per un HTML5 section. È opportuno avere un tag h1 all'interno di ogni section e/o article? Un nuovo section o article costituisce di nuovo il processo h1 a h2?Struttura HTML5 e intestazioni nella sezione o nell'articolo

Ho l'impressione che a ciascun "blocco" debba essere consentita la propria struttura "titolo".

Ad esempio, questo HTML5 è corretto? :

<!doctype html> 
<html> 
    <head> 
    <title> 
    <!-- etc. etc. --> 

    <body> 
     <section> <!-- two or more <articles> within this section, both using <h1> tags --> 
     <h1>Here is a section with articles in</h1> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph> 
     </article> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph</p> 
     </article> 
     ...  
     </section> 
     <section> <!-- two or more <articles> within this additional section, both using <h1> tags --> 
     <h1>Here is a section with articles in</h1> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph> 
     </article> 
     <article> 
      <h1>Heading</h1> 
      <h2>sub heading</h2> 
      <p>A paragraph</p> 
     </article> 
     ...  
     </section>     
    </body> 
</html>

fonte

2012-09-28 beingalex

Dato che ogni coppia di h1 e h2 elementi nei article s rappresenta un titolo e un sottotitolo, rispettivamente, avrete bisogno di gruppo la coppia nella propria header all'interno del article al fine di generare un documento corretto schema per ogni articolo.

Oltre a ciò, le strutture di intestazione delle sezioni sembrano corrette.

fonte

2012-09-28 13:00:24 BoltClock

E quello sarebbe semanticamente corretto? – beingalex

@beingalex: In realtà, dipenderà da cosa si stanno usando i sottotitoli: come intestazioni di capitolo in ciascun articolo o sottotitoli per l'intero articolo. Se hai più di un capitolo rappresentato dal suo 'h2', probabilmente non vuoi raggruppare' h1' e 'h2' insieme. – BoltClock

Ho riscontrato gli stessi problemi nel decidere come strutturare il mio documento con HTML5. Torno sempre a questo riferimento http://html5doctor.com/outlines/ per aiutarmi a visualizzare il documento –

Struttura HTML5 e intestazioni nella sezione o nell'articolo

risposta

Problemi correlati