iFrame

Los frames o marco es una etiqueta con una historia dilatada en HTML. De ser una etiqueta no estándar ha pasado a ser soportada por todos los navegadores y formar parte de las especificaciones de HTML, para luego retirarse de nuevo del estándar en HTML5. No obstante, ha permanecido en uso y dentro del estándar una etiqueta hermana iFrame que vamos a ver en este artículo, que todavía hoy tiene mucha utilidad.

En concreto iFrame sirve para crear un espacio dentro de la página donde se puede incrustar otra web que se carga en el espacio y operará de manera totalmente independiente, manteniendo sus propios contenidos, estilos y será perfectamente funcional. Por ejemplo si tiene enlaces, se mostrarán en ese mismo espacio y si tiene scripts o aplicaciones dentro se ejecutarán también de manera autónoma en el espacio reservado al iFrame.

Principales usos

Atributos

<iframe src=index.htm width=200 height=200>Texto alterno</iframe>

src
Es la URL a mostrar. Obligario
width
Es el ancho del marco. Obligario
height
Es el alto del marco. Obligario
name
Nombre de referencia para ser usado en un target.
id
Identificador para ser usado desde JavaScript.
frameborder
Define el borde. Valores posibles son: 1 | 0.
scrolling
Define las barras de esplazamiento. Valores posibles son: yes | no | auto.
marginwidth
Determina margenes ixquierdo y derecho con respecto al borde.
marginheight
Determina margenes superios e inferios con respecto al borde.
margin
Igual que en las imagenes.
Style
Atributos CSS asignados aqui mismo.
class
Atributos CSS asignados en otra parte.

Ejemplos