Saltar al contenido

section, article y div: ¿cuándo usar cada uno?

Gabriela H.

Nivel 3 ·

Leo explicaciones distintas en cada tutorial. ¿Hay alguna regla práctica para decidir entre section, article y div?
954 vistas 7 respuestas 6 0

Respuestas 7

  1. Emanuel

    Nivel 3 ·

    1 1

    Regla práctica: article para contenido que tiene sentido por sí solo, fuera de la página (un post, una noticia, un comentario, una tarjeta de producto). section para una parte temática de algo más grande, normalmente con su propio título. div cuando solo necesitás un contenedor para estilos.

  2. HechiceroCoyote

    Nivel 3 ·

    0 0

    Una pregunta que me hago: ¿esto podría aparecer en un feed o compartirse solo? Si sí, article.

  3. Sebastián

    Nivel 3 ·

    0 0

    Y una section sin ningún encabezado adentro suele ser señal de que en realidad querías un div.

  4. antonella F.

    Nivel 2 ·

    0 0

    No te obsesiones. Usar div cuando dudás no rompe nada. Lo grave es usar div para cosas que tienen un elemento propio: botones, links, listas, encabezados.

  5. TacoArquero

    Nivel 2 ·

    0 0

    Los lectores de pantalla usan main, nav, header, footer y aside como puntos de referencia. Esos son los que más impacto tienen en accesibilidad.

  6. Gabriela H.

    Nivel 3 ·

    0 0

    Lo de 'podría compartirse solo' me sirve como regla. Y lo de section sin encabezado también.

  7. TacoArquero

    Nivel 2 ·

    0 0

    Ojo que se pueden anidar: un article puede tener sections adentro, y una section puede contener varios articles (por ejemplo, 'Últimas noticias' con varias noticias).