2012-09-28 9 views
5

Chociaż powinienem to wiedzieć, obawiam się, że nie rozumiem tego w pełni. Po przeczytaniu różnych artykułów, przeczytaniu książek i rozmowie z innymi nadal nie rozumiem prawidłowej struktury HTML5 section. Czy w każdym i/lub article należy umieścić znacznik h1? Czy nowy procesor section lub article stanowi ponowne uruchomienie procesu od h1 do.Struktura i nagłówki HTML5 w sekcji lub artykule

Mam wrażenie, że każdy "blok" powinien mieć własną strukturę "nagłówka".

Na przykład, czy to jest poprawny 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> 

Odpowiedz

4

Od każdej pary h1 i h2 elementów w swoim article s reprezentuje nagłówek i podtytuł odpowiednio, musisz grupie parę do własnego header w article w celu wygenerowania odpowiedniego dokumentu zarys dla każdego artykułu.

Poza tym struktury nagłówków w twoich sekcjach wydają się w porządku.

+0

A to byłoby semantycznie poprawne? – beingalex

+3

@beingalex: Właściwie to zależy od tego, co używasz podtytułów dla: jako nagłówków rozdziałów w każdym artykule lub jako podtytuł dla całego artykułu. Jeśli masz więcej niż jeden rozdział reprezentowany przez jego własne 'h2', prawdopodobnie nie chcesz grupować razem' h1' i 'h2'. – BoltClock

+2

Te same problemy napotykam, decydując się na strukturę mojego dokumentu za pomocą HTML5. Zawsze wracam do tego odnośnika http://html5doctor.com/outlines/, aby pomóc mi zobrazować dokument –

Powiązane problemy