Forma correta de utilização dos cabeçalhos HTML

Postado por: Pedro Rogério em

Títulos HTML – Do h1 ao h6

Para aqueles que não sabem, os cabeçalhos HTML, ou títulos, estão divididos em 6 níveis: h1, h2, h3, h4, h5 e h6, os números servem para indicar cada número do cabeçalho, sendo que o de nível 1 tem uma maior importância, e o de nível 6, menor importância. Por exemplo, para descrever o título de uma página, você deve utilizar o h1, ao invés de fazer isso:


<p class="titulo">Título do site</p>

Para títulos de menor importância, deve-se usar o h2, e sucessivamente os cabeçalhos de menor nível, dessa forma você está sendo semântico e os Search Engines agradecem.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

4 Responses to “Forma correta de utilização dos cabeçalhos HTML”

  1. Não sei se estou errado, mas vamos lá…

    Os H… são para determinar titulos e subtitulos, correto ?

    Por exemplo:

    Informática
    Web
    CSS

  2. @Cristian,

    Sim, repare bem no título do seu blog, foi utilizado um h1 para o mesmo.

  3. Sim e eles tem jah vem com br imbutido.

  4. Na verdade eles não tem um [br] embutido, ele são elementos com exibição em bloco.

Leave a Reply