Etiqueta <iframe>


Etiqueta de apertura: <iframe> Etiqueta de cierre: </iframe>

Definición

La etiqueta <iframe> permite insertar un marco dentro de otro documento.

Ejemplo

Código
<iframe src ="virtualnauta.com" width="100%" height="200px">
   <p>Su navegador no soporta iframes.</p>
</iframe>
Resultado

Posibles Atributos de la Etiqueta <iframe>

Referencias:
DTD nos indica en que DTD se permite cada atributo. S=Strict, T=Transitional, and F=Frameset.

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    

Atributos Valor Descripción Soportado por: DTD Ej.
align left Desaprobado
Especifica la alineación horizontal del iframe con respecto a su alrededor.
Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que alinea el iframe a la izquierda
center
right Ejemplo que alinea el iframe a la derecha
justify
frameborder 1 Especifica si dibuja o no el borde alrededor del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que muestra el borde alrededor del iframe
0 Ejemplo que oculta el borde alrededor del iframe
height píxeles Especifica la altura del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que define la altura del iframe en pixels
%
longdesc URL Especifica un enlace a una descripción larga del iframe. No es soportado por el navegador Internet Explorer No es soportado por el navegador Firefox No es soportado por el navegador Google Chrome No es soportado por el navegador Opera No es soportado por el navegador Safari TF
marginheight píxeles Especifica los márgenes superior e inferior del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF
marginwidth píxeles Especifica los márgenes derecho e izquierdo del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF
name nombre Especifica el nombre del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que define un nombre para el iframe
scrolling yes Especifica si incorpora o no la barra de desplazamiento dentro del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que habilita la barra de desplazamiento para el iframe
no Ejemplo que deshabilita la barra de desplazamiento para el iframe
auto Ejemplo acciona la barra de desplazamiento según se necesite o no para el iframe
src URL Especifica el URL del documento que sera mostrado en el iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que muestra como llamar al documento a mostrar dentro del iframe
width píxeles Especifica el ancho del iframe. Soportado por el navegador Internet Explorer Soportado por el navegador Firefox Soportado por el navegador Google Chrome Soportado por el navegador Opera Soportado por el navegador Safari TF Ejemplo que define el ancho del iframe en pixels
% Ejemplo que define el ancho del iframe en porcentaje

Atributos Estándard de la Etiqueta <iframe>

Estos atributos son soportados por todos los navegadores

Logo de Internet Explorer : Internet Explorer     Logo de Firefox : Firefox     Logo de Google Chrome : Google Chrome     Logo de Opera : Opera     Logo de Safari : Safari    

Atributos Valor Descripción
class nombre de la clase Asigna un nombre de clase.
El atributo class actúa:
  • Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos.
  • Para procesos generales por parte del usuario.
id nombre Asigna un nombre a un elemento.
El atributo id actúa:
  • Como selector para las hojas de estilo(CSS).
  • Como vínculo destino para vínculos de hipertexto.
  • Como medio de hacer referencia a un elemento en particular desde un script.
  • Como nombre de un elemento object declarado.
  • Para procesos generales por parte del usuario.
style estilo Este atributo especifica información de estilo para el elemento actual.
title nombre Este atributo ofrece información consultiva sobre el elemento para el cual se establece.


En la Web