Exemple
Une carte-image avec des zones cliquables qui seront téléchargés quand on clique sur:
<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>
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
Le download attribut indique que la cible sera téléchargé lorsqu'un utilisateur clique sur le lien hypertexte.
Cet attribut est utilisé uniquement si le href attribut est défini.
La valeur de l'attribut sera le nom du fichier téléchargé. Il n'y a pas de restrictions sur les valeurs autorisées, et le navigateur détecte automatiquement l'extension de fichier correct et l' ajouter au fichier ( .img, .pdf, .txt, .html , etc.).
Si la valeur est omise, le nom du fichier d'origine est utilisé.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'attribut.
Attribut | |||||
---|---|---|---|---|---|
download | 14.0 | Non supporté | 20.0 | Non supporté | 15.0 |
Différences entre HTML 4.01 et HTML5
Le download attribut est nouvelle pour la <area> balise HTML5.
Syntaxe
<area
download="filename">
Attribut valeurs
Valeur | La description |
---|---|
filename | Optionnel. Indique le nouveau nom de fichier pour le fichier téléchargé |
Autres exemples
Exemple
Spécifiez une valeur pour le download attribut, qui sera le nouveau nom du fichier téléchargé ( sun.htm au lieu de information_about_the_sun.htm et ainsi de suite):
<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>
Essayez - le vous - même »