<h3>: Elemento H3
Última atualização: 2026-10-13
<h3>Elemento H3
O elemento <h3> é um título de nível 3 usado abaixo de <h2> para subseções, organizando uma estrutura de conteúdo mais fina.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo, conteúdo de título |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo ou título |
| Tag de Fechamento | Sim — requer fechamento </h3> tag |
| Status | Padrão |
📝 Sintaxe
<h3>Título de nível 3</h3>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <h3> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
❓ Perguntas Frequentes
Qh3 precisa ter um h2 antes?
AA especificação não obriga, mas pela qualidade do outline é fortemente recomendado:
<h3> deve ser subtítulo de alguma seção h2. Usar h3 direto sob h1 é saltar níveis, quebrando a progressão e desalinhando o recurso «navegar por títulos» do leitor de tela.Qh3 pode ser usado em títulos de cartões ou itens de lista?
ASim, é uso comum: no grid de cartões, o título de cada cartão usa h3 — desde que a página tenha uma hierarquia clara h1→h2 e os cartões pertençam ao conteúdo de alguma seção h2. Sem esse contexto de título, um
<p> em negrito é mais honesto.QQuão diferente deve ser o estilo de h3 e h2?
ANão há exigência; a fonte decrescente é convenção, não norma. O essencial é que o visual denote a hierarquia (tamanho, peso, espaçamento em qualquer combinação) — e que h3 não fique mais chamativo que h2 por causa do efeito visual.
🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
