2014-06-11 25 views
29

sto ottenendo un messaggio di avviso quando si tenta di convalidare la mia pagina in http://validator.w3.org:errore di validazione w3c html - La sezione manca di intestazione. Considerare l'utilizzo di elementi h2-h6 per aggiungere intestazioni che identificano a tutte le sezioni

Sezione manca voce. Prendi in considerazione l'utilizzo di elementi h2-h6 per aggiungere intestazioni identificative a tutte le sezioni.

Il mio codice è il seguente:

<section id="slider-wrapper-new"> 
    <div class="slider-container-new"> 
     // some code.. 
    </div> 
</section> 

Come posso rimuovere questo errore? Devo obbligatoriamente aggiungere i tag h1 - h6 all'interno dell'intestazione della sezione?

risposta

34

O:

  1. aggiungere un'intestazione (h1, ..., h6) tag elemento section.
  2. Sostituire l'elemento section con un elemento div.
  3. Ignora l'avviso. Il messaggio che stai vedendo è una raccomandazione non-normativo utilizzo, come per il HTML5 spec (miniera di evidenziazione):

    Il tema di ogni sectiondovrebbe essere identificato, in genere tra cui una rubrica (h1 - Elemento h6) come elemento figlio dell'elemento section .

6

Il tuo codice è valido (se si utilizza una chiusura </section> invece di </div>).

Il validatore W3C segnala un avviso , non un errore .

Mentre è utile fornire un'intestazione per ogni elemento di contenuto di sezione, è not required.

L'unico modo per evitare questo avviso quando si utilizza la sezione degli elementi di contenuto è, beh, seguire il consiglio fornendo un elemento di contenuto di intestazione. Se invece dovessi usare uno div, il tuo schema del documento sarebbe diverso e probabilmente sbagliato (se hai usato correttamente section).

1

devi mettere un h1, h2, h3 all'interno della vostra sezione:

<section id="slider-wrapper-new"> 
<div class="slider-container-new"> 
    <h3>My Title</h3> 
    // some code.. 
</div>