<hgroup>: O Elemento HGROUP
Última atualização: 2026-10-13
<hgroup>O Elemento HGROUP
Agrupa um conjunto de títulos (<h1>–<h6>), geralmente um título mais um subtítulo, para que vários títulos atuem como um bloco de título.
| Categoria | Semântico |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </hgroup> tag |
| Status | Padrão |
📝 Sintaxe
<hgroup>
<h1>Título principal</h1>
<h2>Subtítulo</h2>
</hgroup>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <hgroup> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： hgroup deve conter apenas títulos; SEO geralmente toma o <h1> do topo como título da página.
❓ Perguntas Frequentes
QPara que serve hgroup?
A
<hgroup> agrupa «título + subtítulo», como em <hgroup><h1>Título principal</h1><p>Subtítulo explicativo</p></hgroup>. Ele comunica às tecnologias assistivas: estes elementos juntos formam um bloco de título.QO p dentro de hgroup vira texto comum?
ADentro de
<hgroup>, o <p> é interpretado como «subtítulo», não como parágrafo comum (hgroup admite apenas h1-h6 e p), podendo receber estilo de subtítulo via CSS. Colocar imagens, listas de links ou outro conteúdo não é válido.QQual é o suporte de hgroup? Ainda é necessária?
AOs navegadores não dão comportamento especial a
<hgroup> (é só um contêiner comum); ela já foi descontinuada e depois restaurada. Se o subtítulo não precisar da semântica de «grupo de títulos», envolver h1+p em <header> também basta; use hgroup quando a semântica de outline estrita importar.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
