Guida Pagine Web - News

Benvenuto nel Portale del Network Arquen.net dedicato ai Web Designer.
In questo portale sono pubblicati articoli, guide, segnalazioni, video e risorse in riferimento a html, css, javascript, php, grafica, cms, web 2.0: tutto ciò che occorre per imparare a realizzare siti internet.

Puoi seguire il network anche su:

Tutorial Html: Intestazioni h1, h2, h3, h4, h5, h6

Autore: Arquen | Pubblicato il: 11/05/10 | Categoria: Html

I 6 elementi di intestazione (più semplicemente titoli) vanno utilizzati per annunciare un argomento e suddividerlo. Questi elementi seguono un ordine di importanza a seconda del numero. Quindi non devono essere adoperati semplicemente per ottenere degli effetti di formattazione.

L'ordine corretto:

  • H1, va utilizzato per il titolo principale della pagina, che di solito corrisponde anche al title inserito in head;
  • H2, va utilizzato per i titoli dei vari argomenti presenti nella pagina;
  • H3, H4, H5, H6, vanno utilizzati per i sottotitoli dei vari argomenti, seguento un ordine di importanza in base al numero.

Vantaggi:

  • rispetto degli standard web: cioè codice sorgente ordinato e validato;
  • accessibilità: i non vedenti possono seguire l'ordine e conoscere il titolo principale, i titoli degli argomenti e i sottotitoli;
  • posizionamento: i motori di ricerca danno molta importanza alle intestazioni e sopratutto a h1 e h2, quindi in queste 2 intestazioni bisogna inserire dei titoli che riassumano il contenuto della pagina.

Esempio:




titolo sito - titolo principale della pagina



titolo principale della pagina

titolo primo argomento

sottotitolo

testo dell'argomento

sottotitolo

testo dell'argomento

sottotitolo

testo dell'argomento

titolo secondo argomento

sottotitolo

testo dell'argomento

sottotitolo

testo dell'argomento

sottotitolo

testo dell'argomento

Commenta tu per primo!

  • Compila i campi obbligatori.
  • I commenti ritenuti offensivi verranno eliminati.