Beispiel
Ein Bild-Karte mit anklickbaren Bereiche, die heruntergeladen werden, wenn darauf geklickt:
<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> Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Der download - Attribut gibt an, dass das Ziel heruntergeladen werden , wenn ein Benutzer auf den Hyperlink klickt.
Dieses Attribut wird nur verwendet , wenn das href - Attribut gesetzt ist.
Der Wert des Attributs wird der Name der abgerufenen Datei sein. Es gibt keine Beschränkungen auf den erlaubten Werten, und der Browser wird automatisch die richtige Dateierweiterung erkennen und fügen Sie ihn in die Datei ( .img, .pdf, .txt, .html , etc.).
Wenn der Wert nicht angegeben, wird der ursprüngliche Dateiname verwendet.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Attribut vollständig unterstützt.
| Attribut | |||||
|---|---|---|---|---|---|
| download | 14.0 | Nicht unterstützt | 20.0 | Nicht unterstützt | 15.0 |
Unterschiede zwischen HTML 4.01 und HTML5
Der download - Attribut ist neu für die <area> Tag in HTML5.
Syntax
<area
download="filename">
Werte Attribut
| Wert | Beschreibung |
|---|---|
| filename | Optional. Gibt den neuen Dateinamen für die heruntergeladene Datei |
Mehr Beispiele
Beispiel
Geben Sie einen Wert für den download - Attribut, das der neue Dateiname der heruntergeladenen Datei (wird sun.htm statt information_about_the_sun.htm und so weiter):
<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> Versuch es selber "