• Permite crear una ventana en nuestro documento donde podemos mostrar los contenidos de una página web.
  • Utilizamos la etiqueta <iframe> </iframe>

 <iframe name="muestra" width="200px" height="100px">
 src="muestraiframe.htm" >

     Ver un <a href="muestraiframe.htm">ejemplo</a>

</iframe>

Flecha derecha

El texto se muestra si el navegador no soporta iframe

 

Atributos de iframe

Atributo

Significado

width

 anchura del marco

heigh

 altura

src

 página que se mostrará

name

 identificar el marco en línea

sandbox

 impone restricciones de seguridad sobre elementos iframe, evita acciones no deseadas en el acceso a material de terceros.

  • "" : se aplican todas las restricciones
  • allow-scripts: se autoriza la ejecución de scripts.
  • allow-forms: se autoriza el envío de formularios.
  • allow-same-origin: el objeto vuelve a ser considerado del mismo origen, teniendo así acceso a recursos que le habían sido restringidos, como cookies o documentos locales.
  • allow-top-navigation: se autoriza la posibilidad de modificar la ventana superior.
  • allow-popups: se autorizan las ventanas emergentes.

seamless

 indica al navegador que debe mostrar el area del Iframe como si fuera parte del sitio, sin bordes o barras de desplazamiento.
.

srcdoc

Especifica el contenido HTML de la página para mostrar en el marco flotante, se utiliza junto con los atributos sandbox y seamless.

 

Ejemplo

Ejemplo de Iframe
Código IES San Sebastián | Wiki | Andalucía Emprende

<a title="Acceso al portal IES Sansebasti&aacute;n" href="http://www.iessansebastian.com/" target="muestra">IES San Sebasti&aacute;n</a>&nbsp;| 

<a title="Wikipedia"

href="http://es.wikipedia.org/wiki/Wiki" target="muestra">Wiki</a>&nbsp;|&nbsp;

<a title="Andaluc&iacute;a Emprende" href="http://www.juntadeandalucia.es/organismos

/empleoempresaycomercio/areas/empleo/autoempleo.html" target="muestra">Programa de apoyo</a>

<iframe name="muestra" src="http://www.iessansebastian.com/" width=400px height="200px"></iframe>