Siempre hay confusión acerca del uso correcto de la etiqueta <article> en HTML, pero la verdad es que su uso es muy sencillo. Simplemente hay que tener en cuenta que el contenido que va dentro de esta etiqueta es un contenido independiente, y que su ausencia en la página web no afecta en su estructura. Tranquilo, tranquila, lo vamos a entender mejor con un ejemplo.

¿Dónde puedo usar la etiqueta <article>?

Generalmente esta etiqueta se la usa en páginas como blogs, foros o páginas de noticias. Un artículo por lo general tiene su encabezado y el contenido que puede tener una imagen o generalmente un párrafo como esto:

<article>
    <h2>HTML</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae recusandae

natus in dolore voluptas nam consequatur, eius magnam quia eveniet qui

inventore? Fugiat enim deserunt et neque aut, iure voluptatem!</p>
</article>

Los artículos son fácilmente reemplazables.

Otra característica importante de los artículos es que son independientes de la estructura de la página. Es decir si tenemos que eliminar un artículo, modificar o substituirlo, la página no va a sufrir ningún desperfecto. Con estas características te será fácil saber que parte del contenido de tu página web se podrá poner dentro de una etiqueta <article>

También puedes conocer más sobre los artículos en HTML en el siguiente video:

Acerca de esta serie…

Esta es una serie de artículos donde iré explicando cada una de las etiquetas que contiene HTML. Si quieres ver la siguiente etiqueta te recomiendo hacer click aquí. Y si no tienes claro que es HTML aún te recomiendo ver este blog aquí.

Sígueme en mis redes sociales:

👉‍‍ YouTube
👉‍‍ Twitter
👉‍‍ GitHub
👉‍‍TikTok

👇‍‍👇‍‍👇‍‍