Tag HTML <object>

Definizione e uso

<object> Il tag definisce il contenitore delle risorse esterne.

Le risorse esterne possono essere pagine web, immagini, riproduttori multimediali o applicazioni di plugin.

Per incorporare immagini, meglio usare Tag <img>.

Per incorporare HTML, meglio usare Tag <iframe>.

Per incorporare video o audio, meglio usare <video> e <audio> Tag

Vedi anche:

Tutorial HTML:Elemento Object HTML

Manuale di riferimento HTML DOM:Oggetto Object

Plugin

<object> I tag sono stati progettati originariamente per incorporare plugin nel browser.

I plugin sono programmi per computer che estendono le funzionalità standard del browser.

I plugin hanno molteplici utilizzi:

  • Esegui il小程序Java
  • Esegui il controllo ActiveX
  • Mostra il filmato Flash
  • Mostra la mappa
  • Scansiona i virus
  • Verifica l'ID bancario

Attenzione !

La maggior parte dei browser non supporta più i小程序Java e i plugin.

Nessun browser supporta più i controlli ActiveX.

I browser moderni hanno disattivato il supporto per Shockwave Flash.

Esempio

Esempio 1

Immagine incorporata:

<object data="tulip.jpg" width="300" height="300"></object>

Prova personalmente

Esempio 2

Pagina HTML incorporata:

<object data="/index.html" width="500" height="300"></object>

Prova personalmente

Esempio 3

Video incorporato:

<object data="shanghai.mp4" width="640" height="300"></object>

Prova personalmente

Proprietà

Proprietà Valore Descrizione
data URL Determina l'URL delle risorse da utilizzare dall'oggetto.
form ID modulo Determina il modulo a cui appartiene l'oggetto.
height Pixel Determina l'altezza dell'oggetto.
name Nome Determina il nome dell'oggetto.
type Tipo di media Determina il tipo di media dei dati specificati dall'attributo data.
typemustmatch true/false Determina se l'attributo type deve corrispondere al contenuto effettivo delle risorse per la visualizzazione.
usemap #mapname Determina il nome della mappatura dell'immagine client da utilizzare insieme all'oggetto.
larghezza Pixel Stabilisce la larghezza dell'oggetto.

Attributi globali

<object> Il tag supporta anche Attributi globali in HTML.

Attributi eventi

<object> Il tag supporta anche Attributi eventi in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare l'elemento <object>:

object:focus {
  outline: none;
}

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto