Documentos Técnicos

Os títulos

h1...h6

h1
As tags de cabeçalho (h vem de head = cabeça) existem para marcar títulos no documento HTML. A importância é indicada pelo número que acompanha a letra h, sendo h1 o título mais importante, seguido de h2, h3, ... até h6.

Em um documento bem estruturado, essas tags definem claramente a hierarquia presente: um título h2 é um subtítulo ou item de um título h1, assim como um h3 pode ser um subitem de um bloco de texto iniciado por h2.

Alguns casos de uso:

Em uma página genérica de um site:
  • H1: logomarca ou nome do site
  • H2: título da página
  • H3: subtítulo da página
Em uma lista de notícias:
  • H1: título da página (uma lista de notícias por exemplo)
  • H2: título de cada uma das notícias
  • H3: título de um quadro com "notícias relacionadas"
A estrutura usada nesta página sobre as tags h1...h6 é o primeiro caso: a logomarca da Opera House está envolvida na tag h1, o título h1...h6 está marcado com a tag h2 e os subtítulos Alguns casos de uso e Dica foram marcados com a tag h3.

Dica:

Os cabeçalhos têm importância na identificação da estrutura do documento feito por máquinas: o Google reconhece o que é importante em uma página através destas tags. Muitas características são consideradas para determinar o posicionamento de um site no índice do Google. Os cabeçalhos são uma destas características.