Introdução

Os cabeçalhos HTML são utilizados para criar títulos e subtítulos dentro de uma página Web.

Eles organizam o conteúdo, facilitam a leitura e ajudam mecanismos de busca como o Google a compreenderem a estrutura da página.

O que são Cabeçalhos?

Cabeçalhos são títulos utilizados para identificar assuntos e organizar informações.

Quanto menor o número do elemento, maior a importância do título.

Hierarquia dos Cabeçalhos

Exemplo de Código HTML

<h1>

Curso de Desenvolvimento Web

</h1>


<h2>

Módulo HTML

</h2>


<h3>

Elementos HTML

</h3>

Visualização dos Níveis

Uso do h1 em uma Página

O elemento <h1> normalmente representa o título principal de uma página.

Uma boa prática é utilizar apenas um h1 por página, representando o assunto principal.

Cabeçalhos e SEO

Os mecanismos de busca utilizam os cabeçalhos para entender a organização do conteúdo.

• h1 informa o tema principal.
• h2 divide grandes assuntos.
• h3 organiza detalhes.
• Melhor estrutura melhora a indexação.

Cabeçalhos e Acessibilidade

Leitores de tela utilizam a hierarquia dos títulos para ajudar usuários a navegar pelo conteúdo.

Erros Comuns

• Pular níveis sem necessidade (h1 direto para h5).
• Usar cabeçalhos somente para aumentar letras.
• Criar vários h1 sem necessidade.
• Não organizar a hierarquia do conteúdo.

Exemplo de Estrutura Profissional

<h1>

Portal de Tecnologia

</h1>


<h2>

Desenvolvimento Web

</h2>


<h3>

HTML

</h3>


<h3>

CSS

</h3>


<h2>

Banco de Dados

</h2>

Resumo da Aula