A pesar de que con HTML5 <iframe> tiene sustituto el hecho de que servicios como GoogleMaps o Youtube la utilicen para mostrar sus mapas o vídeos en nuestras páginas ha hecho que se sigan utilizando de una manera muy habitual.
De hecho, para añadir un mapa o un vídeo de youtube el código nos lo proporciona la propia página. Nosotros sólo tenemos que pegarlo sin más dentro de un <div> que deberá tener un nombre de id o de class para poderlo personalizar con CSS.
La sintaxis es la siguiente:
<iframe width="640" height="510" src="http://www..." frameborder="0"> </iframe>
Para mostrar un vídeo de youtube se explicará en el tema dedicado al vídeo del módulo 4, en el caso de querer añadir un mapa de Google Maps se explica a continuación.
Accedemos a Google Maps (www.maps.google.es)
Buscamos la dirección del mapa que queremos mostrar
(o el nombre de la empresa si existe en Google Maps).
Pulsamos sobre el botón "Configuración"
(ubicado en la parte inferior derecha de la pantalla)
y seleccionamos la opción:
"Compartir e insertar mapa".
Seleccionamos la opción:
"Tamaño personalizado".
Copiamos todo el código
(el que empieza por <iframe...>).