Entiendo del emprolijamiento semantico que significa utilizar section en vez de div. Pero porque ultilizo un div para el iframe del video y una section para el iframe del map?! Espero haber sido claro y alguien pueda ayudarme a comprendar mas sobre el uso adecaudo.
¡Hola, Alumno! Espero que estés muy bien.
<div>y <section> tienen funciones similares: agrupar bloques de etiquetas. Pero <section> es más específico, mientras que <div> sirve para casos más amplios.
<section> agrupa elementos en común, un ejemplo de esto es un menú de navegación con enlaces. <section> sería ideal para separar ese bloque, porque indicaría que esta es una sección específica en el HTML. Esto deja el código más organizado.
<div> se utilizaba para el mismo propósito hace tiempo y sigue siendo muy utilizada. Sin embargo, hoy en día se utiliza donde no es necesario que exista un agrupamiento semántico.
Cuando la sección no es específica, pero necesita separarla en bloques, puedes utilizar <div>. Generalmente, son casos donde la sección no es el <header> o el <footer>, por ejemplo, sino una sección más genérica.
En resumen: <section> debe utilizarse para bloques más específicos, mientras que <div> se puede utilizar para bloques de código más genéricos.
Puedes conocer más sobre div y section haciendo clic aquí y aquí.
¡Espero haberte ayudado! ¡Un saludo!
Hola:
No hay otra razón más que la semántica.
Puedes usar solo <div> en todos los bloques de tu página y funcionará.
Puedes usar <section> , <main> o <side> para el <iframe> del video y funcionará.
Recuerda que HTML5 es semántico y el uso del elemento adecuado dará mayor significado para el navegador y para los buscadores.
Espero te sirva. Si es así, no olvides marcar como solucionado. Saludos.