article (artigo)

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumo

O Elemento HTML Article (<article>) representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado a ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação. Este poderia ser o post de um fórum, um artigo de revista ou jornal, um post de um blog, um comentário enviado por um usuário, um gadget ou widget interativos, ou qualquer outra forma de conteúdo independente.

Note: Notas de uso:

  • Quando um elemento <article> está aninhado, o elemento interior representa um artigo relacionado com o elemento exterior. Por exemplo, os comentários do post de um blog podem ser elementos <article> aninhados em <article> representando o post do blog.
  • Informações sobre o autor de um elemento <article> podem ser fornecidas através do elemento <address> ,mas ele não se aplica aos elementos <article> aninhados.
  • A data e hora de publicação de um elemento <article> pode ser descrita usando o atributo pubdate de um elemento <time>.

Contexto de uso

Conteúdo permitido Flow content
Omissão de tag Nenhuma, tanto tag de início quanto de fim são obrigatórias
Elementos pai permitidos Qualquer elemento que aceita flow content. Note-se que um elemento <article> não pode ser descendente de um elemento <address>.
Documento normativo HTML5, section 4.4.4

Atributos

Este elemento não possui outros elementos se não os global attributes, comuns a todos os elementos.

Interface DOM

Este elemento implementa a interface HTMLElement .

Exemplos

html
<article>
  <h4>Um artigo realmente impressionante</h4>
  <p>Lotes de texto incrível.</p>
</article>

Resultado

<article>

Um artigo realmente impressionante

Lotes de texto incrível.

</article>

Compatibilidade

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
article

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Veja também