HTML-<Bereich> -Download -Attribut

❮ HTML <area>-Tag

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 downloadAttribut gibt an, dass das Ziel (die im Attribut angegebene Datei href) heruntergeladen wird, wenn ein Benutzer auf den Hyperlink klickt.

Der optionale Wert des downloadAttributs 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