HTML-<Bereich> -Download -Attribut
Beispiel
Verwenden Sie das Download-Attribut, um anzugeben, dass das Ziel heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt:
<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>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das download
Attribut gibt an, dass das Ziel (die im Attribut angegebene Datei href
) heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt.
Der optionale Wert des download
Attributs ist der neue Name der Datei nach dem Herunterladen. Es gibt keine Einschränkungen für zulässige Werte, und der Browser erkennt automatisch die richtige Dateierweiterung und fügt sie der Datei hinzu (.img, .pdf, .txt, .html usw.).
Wenn der Wert weggelassen wird, wird der ursprüngliche Dateiname verwendet.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
Attribute | |||||
---|---|---|---|---|---|
download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65+ und Firefox unterstützen nur Download-Links gleichen Ursprungs.
Syntax
<area download="filename">
Attributwerte
Value | Description |
---|---|
filename | Optional. Specifies the new filename for the downloaded file |
Mehr Beispiele
Beispiel
Geben Sie einen Wert für das Download-Attribut an, das der neue Dateiname der heruntergeladenen Datei sein wird (sun.htm statt information_about_the_sun.htm und so weiter):
<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>
❮ HTML <area>-Tag