English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di HTML

Media HTML

Manuale di riferimento HTML

Tutorial di base HTML5

API HTML5

Media HTML5

Plugin HTML

La funzione del plugin è quella di estendere le funzionalità del browser HTML.

HTML Helper (plugin)

Un'applicazione ausiliaria (helper application) è un programma che può essere avviato dal browser. L'applicazione ausiliaria è anche nota come plugin.

I programmi ausiliari possono essere utilizzati per riprodurre audio e video (e altro). I programmi ausiliari sono caricati utilizzando il tag <object>.

Un vantaggio dell'uso di programmi ausiliari per riprodurre video e audio è che puoi permettere agli utenti di controllare parte o l'intero settaggio di riproduzione.

I plugin possono essere aggiunti alla pagina tramite il tag <object> o il tag <embed>. 

La maggior parte delle applicazioni ausiliarie permette la gestione manuale (o programmata) delle impostazioni del volume e delle funzioni di riproduzione (ad esempio, indietro, pausa, stop e play).

Possiamo utilizzare i tag <video> e <audio> per visualizzare video e audio

Elemento <object>

Tutti i browser mainstream supportano il tag <object>.

L'elemento <object> definisce l'oggetto integrato nell'HTML documento.

Questo tag viene utilizzato per inserire oggetti (ad esempio,嵌入网页中的Java小程序, PDF阅读器,)   riproduttore Flash).

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object width="400" height="50" data="/run/html/bookmark.swf"></object>
 
</body>
</html>
Prova a vedere ‹/›
L'elemento <object> può anche essere utilizzato per includere file HTML:

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
 
</body>
</html>
Prova a vedere ‹/›

oppure inserisci un'immagine:

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<object data="/static/images/logo-n.png"></object>
 
</body>
</html>
Prova a vedere ‹/›

Elemento <embed>

Tutti i browser mainstream supportano l'elemento <embed>.

L'elemento <embed> rappresenta un oggetto HTML Embed.

L'elemento <embed> è stato presente da molto tempo, ma non è stato spiegato in dettaglio prima dell'HTML5, l'elemento sarà validato nelle pagine HTML5, ma non nelle HTML4.

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed width="400" height="50" src="/run/html/bookmark.swf">
</body>
</html>
Prova a vedere ‹/›

Attenzione: l'elemento <embed> non ha tag di chiusura. Non può essere utilizzato il testo alternativo.

L'elemento <embed> può anche essere utilizzato per includere file HTML:

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed width="100%" height="500px" src="/run/demo_iframe.html">
</body>
</html>
Prova a vedere ‹/›

oppure inserisci un'immagine:

Esempio

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(oldtoolbag.com)</title> 
</head>
<body>
<embed src="/static/images/logo-n.png">
</body>
</html>
Prova a vedere ‹/›