<article>: Elemento ARTICLE
Última atualização: 2026-10-13
<article>Elemento ARTICLE
Representa um conteúdo autônomo e distribuível, como uma notícia, post de blog, comentário ou cartão.
| 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 </article> tag |
| Status | Padrão |
📝 Sintaxe
<article>conteúdo do artigo</article>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <article> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Artigos aninhados geralmente representam comentários; article é ideal para sindicação em feeds/RSS.
❓ Perguntas Frequentes
QQual é a diferença entre article e section?
A
<article> é conteúdo completo, «independente e distribuível por si só» (post de blog, notícia, comentário, cartão de produto); <section> é «um agrupamento temático dentro do documento», sem muito significado fora do contexto. Critério: este trecho poderia ir sozinho para um leitor de RSS? Se sim, article.Qarticle pode conter outro article aninhado?
ASim. A especificação permite aninhamento: o
<article> externo é o conteúdo principal (o corpo do post), e o interno é conteúdo independente relacionado (como comentários de leitores), mantendo em cada nível a semântica de «independente por si só».Qarticle precisa ter um título?
AFortemente recomendado. Idealmente todo
<article> começa com um título h1-h6, ajudando leitores de tela e mecanismos de busca a identificar o tema; sem título, a semântica de «independente por si só» se perde.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
