La etiqueta <article> es uno de los nuevos elementos de sección en HTML5. La etiqueta HTML <article> se utiliza para representar un artículo. Más específicamente, el contenido dentro de la etiqueta <article> es independiente del resto del contenido del sitio (aunque puede estar relacionado).
En otras palabras, el elemento del artículo representa un componente de una página que consiste en una composición independiente en un documento, página o sitio. por ej. en sindicación.
Sintaxis:
<article> Contents. . . </article>
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
article {
width: 300px;
border: 2px solid gray;
padding: 10px;
border-radius: 10px;
margin: 0 auto;
}
h1 {
color: green;
}
</style>
</head>
<body>
<article>
<img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="" width="300" height="250"
class="alignnone size-medium wp-image-560930" />
<h1>GeeksforGeeks</h1>
<p>
GeeksforGeeks | A computer science
portal for geeks. A Computer Science
portal for geeks. It contains well
written, well thought and well
explained computer science and
programming articles, quizzes and ...
</p>
</article>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome 6.0
- Internet Explorer 9.0
- Firefox 4.0
- Ópera 11.1
- Safari 5.0