: Elemento DIV
Última atualização: 2026-09-12
<div>Elemento DIV
O elemento <div> (divisão) é um contêiner de bloco genérico sem significado semântico. É usado para agrupar conteúdo, construir layouts CSS e como alvo para JavaScript.
Categoria Conteúdo de Texto Modelo de Conteúdo Conteúdo de fluxo Pais Permitidos Qualquer elemento que aceite conteúdo de fluxo Tag de Fechamento Sim — requer fechamento </div> tag Status Padrão
📝 Sintaxe
<div>Conteúdo do bloco</div>
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
Navegador
Chrome
Edge
Firefox
Safari
Opera
<div>
✓ v1
✓ v12
✓ v1
✓ v1
✓ v1
Suportado em todos os navegadores principais
Aviso： Prefira tags semânticas (<section>, <article>, <header>) em vez de <div> quando elas transmitirem significado.
❓ Perguntas Frequentes
QQual a diferença entre e ?
A<div> é um contêiner genérico sem significado semântico, enquanto <section> representa um agrupamento temático de conteúdo. Use <section> para capítulos, abas ou grupos de conteúdo temático.
Q está obsoleto no HTML5?
ANão, <div> não está obsoleto. Ainda é válido no HTML5, mas para melhor acessibilidade e SEO, prefira elementos semânticos como <article>, <section>, <nav> ou <header> quando se adequarem ao conteúdo.
QUma pode conter outra ?
ASim, elementos <div> podem ser aninhados sem limite. Isso é comum para construir layouts complexos, embora o CSS moderno (Flexbox, Grid) tenha reduzido a necessidade de divs profundamente aninhadas.
🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
Última atualização: 2026-09-12
<div>Elemento DIV
O elemento <div> (divisão) é um contêiner de bloco genérico sem significado semântico. É usado para agrupar conteúdo, construir layouts CSS e como alvo para JavaScript.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </div> tag |
| Status | Padrão |
📝 Sintaxe
<div>Conteúdo do bloco</div>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador | Chrome |
Edge |
Firefox |
Safari |
Opera |
|---|---|---|---|---|---|
| <div> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Aviso： Prefira tags semânticas (<section>, <article>, <header>) em vez de <div> quando elas transmitirem significado.
❓ Perguntas Frequentes
QQual a diferença entre
e ?
A
<div> é um contêiner genérico sem significado semântico, enquanto <section> representa um agrupamento temático de conteúdo. Use <section> para capítulos, abas ou grupos de conteúdo temático.Q
está obsoleto no HTML5?
ANão,
<div> não está obsoleto. Ainda é válido no HTML5, mas para melhor acessibilidade e SEO, prefira elementos semânticos como <article>, <section>, <nav> ou <header> quando se adequarem ao conteúdo.QUma
pode conter outra
?
ASim, elementos
<div> podem ser aninhados sem limite. Isso é comum para construir layouts complexos, embora o CSS moderno (Flexbox, Grid) tenha reduzido a necessidade de divs profundamente aninhadas.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados