Cabeçalhos em HTML

As tags <h1>, <h2> <h3> <h4> <h5> <h6> define um cabeçalho em HTML.

Resultado

Exemplo

Para que é usado o <h1> - <h6>

Os cabeçalhos são usados para criar títulos e subtítulos em páginas HTML, ajudando a estruturar o conteúdo e a torná-lo mais legível. O <h1> representa o título principal da página, enquanto <h2> a <h6> são usados para seções e subseções.

Dicas sobre cabeçalhos em HTML:

• Usa os cabeçalhos (<h1>–<h6>) para estruturar o conteúdo: <h1> para o título principal e subtítulos com níveis decrescentes.
• Mantém a hierarquia lógica: não saltes de <h1> para <h4> sem razão — isso ajuda leitores e motores de busca a entenderem a página.
• Usa apenas um <h1> por página para o título principal (ou usa landmarks semânticos se necessário), e os restantes para seções/subseções.
• Não uses cabeçalhos apenas para estilo visual — se precisares só de aparência, usa CSS (os cabeçalhos têm significado semântico e acessibilidade).
• Os cabeçalhos melhoram a acessibilidade: leitores de ecrã usam-nos para navegar rapidamente pelo conteúdo, por isso escolhe texto descritivo e curto.
• Evita colocar elementos de bloco incorretos dentro de cabeçalhos; usa apenas texto e elementos inline (por exemplo, <strong> ou <em>).

© 2025 - Exemplos de HTML

Data da publicação: 9 de Outubro de 2025