Esempio
Un'immagine-map con aree cliccabili che verranno scaricati quando si fa clic su:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map> Prova tu stesso " Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il download attributo specifica che l'obiettivo verrà scaricata quando un utente fa clic sul collegamento ipertestuale.
Questo attributo viene utilizzato solo se il href attributo è impostato.
Il valore dell'attributo sarà il nome del file scaricato. Non ci sono restrizioni sui valori consentiti, e il browser in grado di rilevare automaticamente l'estensione corretta e aggiungerlo al file ( .img, .pdf, .txt, .html , ecc).
Se il valore viene omesso, viene utilizzato il nome del file originale.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'attributo.
| Attributo | |||||
|---|---|---|---|---|---|
| download | 14.0 | Non supportato | 20.0 | Non supportato | 15.0 |
Differenze tra HTML 4.01 e HTML5
La download attributo è nuova per il <area> tag in HTML5.
Sintassi
<area
download="filename">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| filename | Facoltativo. Specifica il nuovo nome per il file scaricato |
Altri esempi
Esempio
Specificare un valore per il download attributi, che sarà il nuovo nome del file scaricato ( sun.htm invece di information_about_the_sun.htm e così via):
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126"
alt="Sun" href="info_about_the_sun.htm" download="sun">
<area
shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt"
download="venus">
</map> Prova tu stesso "