Volver al índiceObjetos

En esta página se tratan los siguientes temas:


Insertar documentos html: <iframe>

La etiqueta <iframe> permite insertar un documento html dentro de otro. Esta etiqueta no se puede utilizar en documentos XHTML 1.0 Strict, pero sí en documentos XHTML 1.0 Transitional.

Correcto en Firefox Correcto en Internet Explorer <iframe src="ejemplo_iframe.html">
</iframe>
Correcto en Firefox Correcto en Internet Explorer <iframe src="ejemplo_iframe.html"
  style="width: 400px; height: 200px;">
</iframe>

Volver al principio


Insertar objetos: <object> y <param>

La etiqueta <object> permite insertar cualquier tipo de documentos (no solamente de texto) dentro de un documento html. Para poder mostrar esos archivos, el navegador suele necesitar plug-ins. Algunos tipos de documentos necesitan información adicional que se proporciona mediante la etiqueta <param>.

Volver al principio


Ejemplos de inserción de objetos

Insertar una página web

Se puede insertar una página web en una página web mediante la etiqueta <object>, como muestra el siguiente ejemplo.

Correcto en Firefox Correcto en Internet Explorer <object type="text/html"
  data="ejemplo_object.html"
  style="width: 400px; height:200px;" >
  ERROR (no puede mostrarse el objeto)
</object>
ERROR (no puede mostrarse el objeto)

Volver al principio


Insertar un archivo flash SWF

Se puede insertar un archivo flash SWF en cualquier página web, como muestra el siguiente ejemplo.

Correcto en Firefox Correcto en Internet Explorer

<object  type="application/x-shockwave-flash"
  data="ejemplo_flash.swf"
  style="width: 200px; height: 50px;" >
  <param name="movie" value="ejemplo_flash.swf" />
  ERROR (no puede mostrarse el objeto)
</object>

ERROR (no puede mostrarse el objeto)

En internet se pueden encontrar otras formas de hacerlo que dicen que son más compatibles con versiones anteriores de los navegadores. Una manera consiste en utilizar los comentarios condicionales de Internet Explorer (que no forman parte de las recomendaciones del W3C), como ilustra el siguiente ejemplo extraido de A list apart:

Correcto en Firefox Correcto en Internet Explorer <object
  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  style="width: 200px; height: 50px;" >
  <param name="movie" value="ejemplo_flash.swf" />
  <!--[if !IE]> <-->
    <object type="application/x-shockwave-flash"
      data="ejemplo_flash.swf"
      style="width: 200px; height: 50px;" >
      ERROR (no puede mostrarse el objeto)
    </object>
  <!--> <![endif]-->
</object>
ERROR (no puede mostrarse el objeto)

Volver al principio


Insertar un vídeo de YouTube

Los vídeos de YouTube están en formato Flash, por lo que se pueden insertar en una página web mediante la etiqueta <object>, como muestra el siguiente ejemplo. Para insertar otro vídeo habría que sustituir el código del vídeo en el atributo data (en el ejemplo, el código del vídeo es aI0BmQaIIR4).

Correcto en Firefox Correcto en Internet Explorer <object type="application/x-shockwave-flash"
  data="http://www.youtube.com/v/aI0BmQaIIR4"
  style="width: 425px; height:350px;" >
  <param name="movie"   value="http://www.youtube.com/v/aI0BmQaIIR4" />
  ERROR (no puede mostrarse el objeto)
</object>
ERROR (no puede mostrarse el objeto)

Volver al principio


Insertar un archivo PDF

Se puede insertar un archivo PDF en cualquier página web, como muestra el siguiente ejemplo. Para insertar otro archivo PDF habría que indicar la URI del archivo mediante el atributo data (en el ejemplo, es simplemente ejemplo.pdf).

Correcto en Firefox Correcto en Internet Explorer <object type="application/pdf"
  data="ejemplo.pdf"
  style="width: 400px; height: 550px;" >
  ERROR (no puede mostrarse el objeto)
</object>
ERROR (no puede mostrarse el objeto)

Volver al principio

Autor: Bartolomé Sintes Marco
Última modificación: 20 de noviembre de 2007