Responsive 3 column preview card component with CSS and HTML

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted almost 2 years ago

  ¡Hola! ¡Buen trabajo al completar el desafío!

  • La etiqueta <article> y la etiqueta <div> son ambos elementos HTML que se utilizan para definir una sección de contenido en una página web. Sin embargo, hay algunas diferencias clave entre las dos etiquetas:

    1. Propósito: La etiqueta <article> se utiliza para definir un contenido autónomo que puede estar solo, como una publicación de blog o un artículo de noticias. La etiqueta <div> es un contenedor genérico que se utiliza para agrupar otros elementos y aplicarles estilos.

    Se recomienda generalmente que un elemento <article> pueda estar solo y tener sentido cuando se coloca en diferentes páginas. El contenido dentro de un elemento <article> debe ser completo y no debe depender del contexto u otros contenidos en la página para tener sentido. En resumen puedes extraer ese <article>, moverlo a otra página, y todavía tener sentido.

    2. Semántica: La etiqueta <article> tiene significado semántico e indica a los motores de búsqueda y lectores de pantalla que el contenido dentro de la etiqueta es un pedazo autónomo de contenido. La etiqueta <div> no tiene significado semántico y se usa puramente con fines de estilo.

    En este caso, si coloca el primer <article> en otra página, todavía tendría sentido ?, en mi opinion, no mucho, porque necesitas los otros 2 componentes

  Saludos

  Marked as helpful

  0
• 

  AbdulMalik•80

  @cyberweb8Posted almost 2 years ago

  Hey buddy, The link you've provided with is not working. Upon click it directs you to 404 page. You may want to check it out and fix it.

  As for you question, it is all about using semantic html or not. You can have more information here

  0