Lez.22 Corso Avanzato Html

Object ed Embed Oggetti Incorporati in Html

Object ed Embed

Per completare il discorso sugli elementi multimediali ora vedremo due interessanti tag che ci permettono di inserire degli Oggetti Esterni all'interno della nostra pagina, questi tag sono:
OBJECT ed EMBED.

Object è un tag che ci permette di inserire, all'interno della pagina, una risorsa esterna qualsiasi, tipo: documenti, video, applicazioni javascript ecc.
sintassi:

<object data="percorso_di_un_immagine.jpg" type="image/jpg"></object>

Quindi usiamo l'attributo
- data="" (data sta per dati), per andare a dire al browser dove deve andare a recuperare in contenuto da mettere nel tag object

- type="" è il valore che riguardano il tipo di file che noi inseriamo in data="". Questo serve per dare ulteriore conferma al browser di che tipo di dati stiamo inserendo in object.

Con
<object data="pagina_esterna.html" type="text/html"></object> stiamo inserendo una pagina html (una pagina web) esterna nella nostra pagina web. La pagina che si apre è in una finestra fissa e piccola, ma con un foglio di stile la possiamo modificare come meglio crediamo.

Ora, nella nostra pagina, inseriamo un documento pdf:
<object data="documento_esterno.pdf" type="application/pdf" ></object>
e con

type="application/pdf" diciamo al browser che deve utilizzare un'applicazione per poter visualizzare il file pdf e noi lo specifichiamo fortemente con il valore di type. Questo lo facciamo perché con il tag object si possono aprire tantissimi fili differenti, e dare una mano al browser specificandone il tipo di file è sempre meglio.

Per i file audio e video è meglio utilizzare i classici tag (audio e video) per html5 e non usare il tag Object.
Nel caso si siano usati file multimediali con il tag object in esso ci potrebbe essere bisogno di alcuni parametri ed in particolare il tag
<param> (parametri) come vediamo sotto:
<param name="lopp" value="false">

Parliamo ora di EMBED.
Sintassi:
<embed src="percorso_di_un_immagine.jpg" type="image/jpg"></embed>

al suoi interno usiamo l'attributo
src="" (percorso del file, proprio come data in object) e anche l'attributo

type="image/jpg" (tipo di file, proprio come in object).

L'unica differenza tra embed e object è che embed con l'html5 viene inserito nelle specifiche per presentare i dati di un'applicazione esterna o di un contenuto interattivo che tipicamente necessita di un componente aggiuntivo per poter essere utilizzato ovvero un plug in.

Quindi usiamo embed per forzare il browser a usare quel determinato plug in. In generale lo preferiamo ad object solo per i file multimediali.

Ora vediamo tutto questo nel codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>OBJECT ed EMBED</title>
  <meta charset="utf-8">
 </head>
 <body>
   <h1>Oggetti Esterni</h1>
   <object data="percorso_di_un_immagine.jpg.jpg" type="image/jpg">
   </object>
   <object data="pagina_esterna.html"  type="text/html">
   </object>
   <object data="documento_esterno.pdf" type="application/pdf">
   </object>
   <object data="percorso_per_file_audio.mp3" type="audio/mp3">
     <param name="lopp" value="false">
   </object>
   <embed src="percorso_di_un_immagine.jpg" type="image/jpg"></embed>
 </body>                
</html>