Etiqueta HTML <objeto>
Ejemplo
Una imagen incrustada:
<object data="pic_trulli.jpg" width="300" height="200"></object>
Ejemplo
Una página HTML incrustada:
<object data="snippet.html" width="500" height="200"></object>
Ejemplo
Un video incrustado:
<object data="video.mp4" width="400" height="300"></object>
Definición y uso
La <object>etiqueta define un contenedor para un recurso externo.
El recurso externo puede ser una página web, una imagen, un reproductor multimedia o una aplicación complementaria.
Para incrustar una imagen, es mejor usar la <img>etiqueta.
Para incrustar HTML, es mejor usar la <iframe>etiqueta.
Para incrustar video o audio, es mejor usar las etiquetas <video>y .<audio>
Compatibilidad con navegador
| Element | |||||
|---|---|---|---|---|---|
| <object> | Yes | Yes | Yes | Yes | Yes |
Complementos
La <object>etiqueta se diseñó originalmente para incrustar complementos del navegador.
Los complementos son programas informáticos que amplían la funcionalidad estándar del navegador.
Los complementos se han utilizado para muchos propósitos diferentes:
- Ejecutar applets de Java
- Ejecutar controles ActiveX
- Mostrar películas Flash
- Mostrar mapas
- Escanear en busca de virus
- Verificar una identificación bancaria
Advertencia !
La mayoría de los navegadores ya no son compatibles con los subprogramas y complementos de Java.
Los controles ActiveX ya no son compatibles con ningún navegador.
La compatibilidad con Shockwave Flash también se ha desactivado en los navegadores modernos.
Atributos
| Attribute | Value | Description |
|---|---|---|
| data | URL | Specifies the URL of the resource to be used by the object |
| form | form_id | Specifies which form the object belongs to |
| height | pixels | Specifies the height of the object |
| name | name | Specifies a name for the object |
| type | media_type | Specifies the media type of data specified in the data attribute |
| typemustmatch | true/false | Specifies whether the type attribute and the actual content of the resource must match to be displayed |
| usemap | #mapname | Specifies the name of a client-side image map to be used with the object |
| width | pixels | Specifies the width of the object |
Atributos globales
La <object>etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <object>etiqueta también es compatible con los atributos de eventos en HTML .
páginas relacionadas
Tutorial de HTML: elemento de objeto HTML
Referencia HTML DOM: Objeto Objeto
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <object>elemento con los siguientes valores predeterminados:
object:focus {
outline: none;
}