Etiqueta HTML <object>
La <object> etiqueta especifica un objeto incrustado dentro de un documento HTML. Generalmente se utiliza para incrustar multimedia (audio, video, applets de Java, aplicaciones Flash, etc.) u otro documento HTML en la página web.
Puedes incluir contenido de respaldo dentro de la <object> etiqueta que se mostrará si el navegador no admite la etiqueta o si el recurso no se carga.
Puedes usar la <param> etiqueta para pasar parámetros a los plugins incrustados mediante la <object> etiqueta.
Para las imágenes, generalmente se prefiere la <img> etiqueta. Al usar <object>, debes definir al menos uno de los atributos type o data.
Sintaxis
La <object> etiqueta se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<object>) y cierre (</object>). La <object> etiqueta se utiliza como elemento hijo de <body>.
El atributo data es obligatorio para especificar la URL del recurso. El atributo type es opcional, pero se recomienda para especificar el tipo MIME y garantizar un manejo adecuado.
Ejemplo de la etiqueta HTML <object>:
Ejemplo de la etiqueta HTML <object>
<!DOCTYPE html>
<html>
<head>
<title>Title of the webpage</title>
</head>
<body>
<p>Embedded video with fallback content:</p>
<object width="320" height="240" data="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4" type="video/mp4">
<p>Your browser does not support the object tag. <a href="https://www.w3docs.com/uploads/media/default/0001/01/1280x720.mp4">Download the video</a> instead.</p>
</object>
</body>
</html>Atributos
| Attribute | Value | Description |
|---|---|---|
| align | top bottom middle left right | Especifica la alineación del contenido dentro del elemento en relación con los elementos circundantes. No compatible con HTML5. |
| archive | URL | Define una lista separada por espacios de URLs a archivos que contienen recursos relevantes para el objeto. No compatible con HTML5. |
| border | pixels | Establece el ancho del borde alrededor del elemento. No compatible con HTML5. |
| classid | URL | Establece la URL de la implementación del objeto. Puede usarse junto con, o en lugar de, el atributo data. No compatible con HTML5. |
| codebase | URL | Define la ruta utilizada para resolver URI relativos especificados por classid, data o archive. Por defecto, es el URI base del documento actual. No compatible con HTML5. |
| codetype | media_type | Establece el tipo de medio del código al que se refiere el atributo classid. No compatible con HTML5. |
| data | URL | Establece la URL del recurso que será utilizado por el objeto. Obligatorio. |
| declare | declare | Especifica que el objeto solo debe ser declarado, no instanciado. No compatible con HTML5. |
| form | form_id | Especifica uno o más formularios a los que pertenece el elemento. |
| height | pixels | Especifica la altura del objeto. |
| hspace | pixels | Especifica el espacio en blanco a los lados izquierdo y derecho del objeto. No compatible con HTML5. |
| name | name | Especifica un nombre para el objeto. |
| standby | text | Especifica un texto que se mostrará mientras el objeto se está cargando. No compatible con HTML5. |
| tabindex | number | Establece la posición del elemento en el orden de navegación por tabulación del documento actual. |
| type | media_type | Especifica el tipo de medio de los datos especificados en el atributo data. Opcional, pero recomendado. |
| usemap | #mapname | Especifica el nombre de un mapa de imágenes del lado del cliente que se usará con el objeto (una referencia de nombre con hash al elemento <map>). |
| vspace | pixels | Establece el espacio en blanco en la parte superior e inferior del objeto. No compatible con HTML5. |
| width | pixels | Establece el ancho del objeto. |
La <object> etiqueta también admite los Atributos globales y los Atributos de eventos.
Nota: Los atributos como align, border, hspace y vspace están obsoletos. Utiliza CSS para el diseño y el estilo en el desarrollo moderno.
Práctica
¿Cuál de los siguientes atributos se puede usar con la etiqueta HTML <object>?