2012-09-28 15 views
5

Obwohl ich das wirklich wissen sollte, fürchte ich, dass ich es nicht vollständig verstehe. Nachdem ich verschiedene Artikel gelesen, Bücher gelesen und mit anderen gesprochen habe, verstehe ich immer noch nicht die richtige Struktur für ein HTML5 section. Ist es angebracht, innerhalb jeder section und/oder article ein h1 zu haben? Führt ein neuer section oder article das Starten der h1 bis h2 wieder durch?HTML5 Struktur und Überschriften im Abschnitt oder Artikel

Ich habe den Eindruck, dass jeder "Block" sollte seine eigene "Überschrift" Struktur erlaubt werden.

Zum Beispiel, ist das korrekt HTML5? :

<!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> 

Antwort

4

Da jedes Paar von h1 und h2 Elementen in Ihrem article s eine Überschrift und eine Subrubrik jeweils das Paar in seine eigenen header im article, um ein richtigen Dokument zu erzeugen, um Gruppe, die Sie benötigen Umriss für jeden Artikel.

Außerdem scheinen die Überschriftenstrukturen Ihrer Abschnitte gut.

+0

Und das wäre semantisch korrekt? – beingalex

+3

@beingalex: Es kommt tatsächlich darauf an, wofür du deine Untertitel verwendest: als Kapitelüberschriften in jedem Artikel oder als Untertitel für den gesamten Artikel. Wenn Sie mehr als ein Kapitel mit einem eigenen 'h2' darstellen, möchten Sie wahrscheinlich' h1' und 'h2' nicht zusammen gruppieren. – BoltClock

+2

Ich habe dieselben Probleme, wenn ich über die Struktur meines Dokuments mit HTML5 entschied. Ich gehe immer auf diese Referenz http://html5doctor.com/outlines/ zurück, um mir zu helfen, das Dokument zu visualisieren –

Verwandte Themen