Dónde queda la semántica cuando se usan tecnologías por encima como bootstrap

Avatar

Con todos los frameworks para css y etc estas convenciones y reglas de semántica se respetan? mi duda es principalmente porque por ejemplo en bootstrap solo veo que usan principalmente div's y no sé cómo utilizar este conocimiento para empalmarlo con boostrap o tecnologías similares. Espero que haberme explicado. De antemano gracias por su atención.

3respuestas
FrontendDesarrollo webHTML
Avatar

No utilizo Bootstrap u otro de los frameworks populares pero con los años y proyectos me arme uno propio en flexbox para una rápida implementación y armado de layouts. Y para no estar repitiendo estilos css por todas partes, lo cual hace todo más fácil de mantener.

Dicho esto en mi caso y supongo que el de todos los framworks yo trabajo con clases, no etiquetas. Esto significa que si digo que necesito un contenedor con la clase X y su/s hijo/s con la clase Y, cualquiera de estos pueden ser los elementos que quiera. Div, section, p, a, form, etc.

Avatar

Como te comento Marcos, cuando boostrap te diga en los ejemplos: <div class="algo"> vos en tu maquetación lo podes cambiar por una etiqueta más semantica como: <section class="algo">

Avatar

Justamente me imagino que así se haría. Si es una buena práctica? y de ser así me imagino que bootstrap hace sus ejemplos con div debido a que no hay contexto en sus ejemplos, no?

Necesitas iniciar sesión para responder.
¿En qué estamos trabajando?
Seguridad y networking en AWS

Seguridad y networking en AWS

Comprende conceptos de redes, seguridad y control de Amazon Web Services