en que casos se usa section y div? e notado que el profesor no utiliza div, es una mala practica usar el div?

oscar enrique ordoñez izquierdo

oscar enrique ordoñez izquierdo

Pregunta
studenthace 4 años

en que casos se usa section y div? e notado que el profesor no utiliza div, es una mala practica usar el div?

2 respuestas
para escribir tu comentario
    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 años

    ¡Hola!, no, no es una mala práctica usar

    div
    , aunque depende de los casos de uso.

    Debes usar

    section
    (o cualquier otra etiqueta semántica), siempre que quieras denotar, a nivel semántico, que eso es una sección de tu página, por ejemplo:

    "Quiero que esta sea la sección de comentarios, quiero que esta sea la sección de artículos relevantes, quiero que esta sea la sección de noticias relacionadas, quiero que esta sea la sección del menú de navegación, etc."

    Si te das cuenta, al querer denotar de manera explícita cuál es la sección que quieres, es cuando tienes que usar las etiquetas semánticas de HTML.

    Sin embargo, cuando necesitas hacer divisiones entre elementos que no tiene ningún nivel semántico (por ejemplo, dividir un artículo en dos columnas) es cuando puedes usar

    div
    sin problema, porque eso a nivel semántico no significa nada, es solo a nivel visual, para estructurar la información.

    Otros casos de uso del div puede ser para aplicar estilos y efectos con CSS, ya que es muy común que necesites tener etiquetas contenedoras de otras etiquetas para aplicar algunos estilos específicos :D

    En resumen, cuando quieras declarar de manera explícita alguna sección dentro de tu página web y quieras hacer énfasis en que dicha etiqueta es una sección de tu página, entonces usa las etiquetas semánticas de HTML 5, para todo lo demás usa

    div
    :D

    Francisco Ponce

    Francisco Ponce

    studenthace 4 años

    Hola Oscar,

    Lo que pasa es el que profesor esta usando html semántico, es una buena práctica usar las etiquetas para las cuales fueron creadas. Digamos que div no es muy descriptivo pero tiene sus casos de uso.

    Te dejo una lectura que habla al respecto.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.