Iframes

Iframes o Marcos Embebidos

Introducción a IFRAME. <IFRAME> es un práctico e impecable tag (marcador) de Internet Explorer 4+ que permite crear un frame (marco) 'interno' dentro de un documento HTML.

El frame interno puede contener un documento HTML (página web).
Haciendo click en cualquier link dentro del IFRAME ocasionará que el documento requerido por el link se cargue por defecto dentro del frame interno.

La sintaxis general para obtener un <IFRAME> es muy simple:

Dos ejemplos:

<iframe src="http://www.webtaller.com" width=450 height=300></iframe>

<iframe src="otra_pagina.html" width=450 height=300></iframe>

Como Usted puede ver, el marcador <IFRAME> acepta tres atributos básicos:
SRC: por SOURCE (FUENTE), que indica cuál es el documento a insertar,
WIDTH / HEIGHT: ancho / alto de la ventana IFRAME.
Como crear links dentro de un documento cargado en un IFRAME que abran documentos fuera del IFRAME

Ahora que Usted tiene una idea general del tag <IFRAME> es tiempo de aprender a alterar enlaces que se cargan en el interior del IFRAME. La forma de hacer esto es utilizando el atributo 'NAME'. Dé una mirada al ejemplo aquí abajo:

[Los LINKS]

<a href="demo-iframe-b.php" target="interno">Demo IFRAME "B"</a>

<a href="demo-iframe-c.php" target="interno">Demo IFRAME "C"</a>

[El IFRAME]

<iframe src="demo-iframe-a.php; width=450 height=300 name="interno"></iframe>

Dándole al <IFRAME> el atributo 'NAME' y usando 'TARGET' como atributo del tag <A> con igual valor que el de 'NAME' obtendrá que el link cargue el documento requerido dentro del IFRAME.

El tag IFRAME en otros browsers distintos a IE

Bien, el tag IFRAME es genial y todo lo que quiera, pero recuerde, es solo visible en Internet Explorer 4+.Mientras que esto es desafortunado, es afortunado sin embargo que este tag pueda por lo menos advertirse en otros navegadores distintos a IE4+. Los browsers (navegadores) que no soporten el tag <IFRAME> sencillamente no lo representarán ni siquiera sabrán que existe si Usted no crea un contenido alternativo para los usuarios de estos browsers.

La forma de hacerlo es encerrando ese contenido informativo / alternativo dentro del tag <IFRAME>:

<iframe src="http://www.webtaller.com" width=200 height=200>

<!--Contenido visto por browsers que NO soportan el tag <iframe>-->

<a href="http://www.webtaller.com">Click aquí para cargar WebTaller</a>

</iframe>

Usuarios que han visto este tema también han visto...

- Trabajar con mapas en HTML
- Layers en HTML
- Caracteres especiales con HTML
- Todo sobre las tablas en HTML.
- Alineamiento de tablas

- Versión imprimible de este documento
- Enviar por e-mail este documento