HTML: Iframe

El tag iframe sirve para cargar una página web dentro de otra página web en un espacio acotado y determinado por el programador.

Os pongo aquí un ejemplo:
<iframe name="iframeWeb" src="http://www.gabrielcuesta.com" width="600" height="300" frameborder="no" longdesc="Página web de Gabriel Cuesta" scrolling="no" marginwidth="0" marginheight="0">
Texto alternativo por si el navegador no soporta iframes.
</iframe>
Con este ejemplo cargaríamos mi web personal http://www.gabrielcuesta.com en una caja de 600 píxeles de ancho por 300 píxeles de alto. Esa caja no tendría borde ni barras de scroll. Su descripción para los buscadores sería "Página web de Gabriel Cuesta".

Si el navegador que estás utilizando para la prueba no soporta iframes verías el texto alternativo.

Los atributos que he utilizado en el iframe son los siguientes:
  • name: Le da nombre al iframe, es útil para manipularlo desde javascript.
  • src: La web que cargamos en el iframe.
  • width: La anchura en píxeles del iframe.
  • height: La altura en píxeles del iframe.
  • frameborder: Para activar o desactivar el borde del iframe, puedes ponerle valor 0 para quitarlo y valor 1 para ponerlo.
  • longdesc: Descripción del contenido del iframe para los buscadores y para los navegadores de minusválidos visuales.
  • scrolling: Para poner o quitar las barras de scroll, puedes ponerle los valores yes,no y auto.
  • marginwidth: Anchura del margen del borde del iframe si está activado.
  • marginheight: Altura del margen del borde del iframe si está activado.
Bueno, pues esto es lo que hay con los iframes, ahora a disfrutarlos :)


Comentarios