HTML article

HTML article – Onde e como usamos tag article no HTML5

O elemento <article> identifica uma parte independente de conteúdo que poderia, teoricamente, ser distribuída para outros sites e plataformas como uma unidade independente. O elemento <article> é uma ótima opção para conter postagens inteiras de blog, artigos de notícias e conteúdo semelhante.

Definição e Uso

A tag <article> especifica conteúdo independente e autocontido.

Um artigo deve fazer sentido por si só e deve ser possível distribuí-lo independentemente do resto do site.

Fontes potenciais para o elemento <article>:

Postagem em blogs, Fóruns e Portais de Notícias.

Veja suas principais utilizações onde devemos usar a tag <article>:

• Para agrupar conteúdo que faz sentido junto conteúdo independente;
• Para um grupo de elementos que tem um titulo a tag article precisa de um título;
• É um conteúdo independente. Não precisa do resto do site para contextualizar
  article pode ser colocado em qualquer parte do site que ainda pode fazer sentido sozinho;

A tag <article> de ser utilizada em blogs, trabalhos, forum de posts, novos artigos, comentários.

Exemplo prático

<article>
  <h2>Html5</h2>
  <p>HTML5 é a versão mais recente e aprimorada do HTML. Tecnicamente, HTML não é uma linguagem de programação, mas sim uma linguagem de marcação</p>
</article>

<article>
  <h2>Css3</h2>
  <p>CSS3 - Tutorial. Cascading Style Sheets (CSS) é uma linguagem de folha de estilo usada para descrever o visual e a formatação de um documento escrito em uma linguagem de marcação.</p>
</article>

<article>
  <h2>jQuery</h2>
  <p> jQuery é uma biblioteca JavaScript rápida, pequena e rica em recursos. Ele torna coisas como transversão e manipulação de documentos HTML, manipulação de eventos,</p>
</article>

O elemento <article> não é renderizado como algo especial em um navegador. No entanto, você pode usar CSS para definir o estilo do elemento <article>

Neste artigo abordamos sobre: Article Html – Onde usamos tag article no Html.

Veja mais artigos sobre Códigos Html Prontos