HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <a> download-Attribut

<a> download-Attribut verwenden, Online-Beispiel, das zeigt, wie man das <a> download-Attribut verwendet, die Kompatibilität der Browser, die Syntaxdefinition und die detaillierte Erklärung seiner Attributwerte.

HTML <a> Tag

Online-Beispiel

Laden Sie die Datei beim Klicken auf den Link herunter (statt zur Datei zu navigieren):

Example

!doctype html
<html>
<head>
<title>Usage of the download attribute in html: <a> download attribute　-　Basic Tutorial(oldtoolbag.com)</title>
</head>
<body>
<p>Klicken Sie auf w3Das Logo von codebox zum Herunterladen von Bildern</p>
<a　href="/static/images/logo.png"　download>
　　<img　src="/static/images/logo.png"　alt="oldtoolbag.com"　width="150"　height="50">
</a>
</body>
</html>

Test and see ‹/›

Hinweis: Edge-Version12，IE，Safari 10(oder frühere Versionen) oder Opera-Version12(oder frühere Versionen) unterstützen das download-Attribut nicht.

Browserkompatibilität

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der das Attribut unterstützt.

Element
download	14.0	13.0	20.0	10.1	15.0

Definition und Verwendung

Das download-Attribut bestimmt, dass das Ziel beim Klicken auf den Hyperlink heruntergeladen wird.
Dieses Attribut wird nur verwendet, wenn das href-Attribut gesetzt ist.
Der Wert dieses Attributs wird der Name der heruntergeladenen Datei sein. Es gibt keine Beschränkungen für zulässige Werte, der Browser detektiert automatisch die richtige Dateierweiterung und fügt sie zur Datei hinzu (.img, .pdf, .txt, .html usw.).
Wird der Wert weggelassen, wird der ursprüngliche Dateiname verwendet.

HTML 4.01 Mit HTML5 Unterschiede

Die download-Attribut ist ein HTML5In der neuen <a>-Attribut hinzugefügt.

Syntax

　　　　 <a download="Dateiname">

Attributwert

Wert	Beschreibung
Dateiname	Geben Sie den Dateinamen an.

Mehr Beispiele

Legen Sie einen Wert für das Download-Attribut fest, der der neue Dateiname der heruntergeladenen Datei sein wird ("w",3codeboxlogo.png”instead of “ views.png”）：

Example

!doctype html
<html>
<head>
<title>Usage of the download attribute in html: <a> download attribute　-　Basic Tutorial(oldtoolbag.com)</title>
</head>
<body>
<a　href="/static/images/logo.png"　download="w3codeboxlogo>
　　<img　src="/run/html/views.png"　alt="Views"　width="300"　height="200">
</a>
<p>Please note that the filename of the downloaded file will be saved as “　w3codeboxlogo.jpg”，instead of “　views.png”．</p>
</body>
</html>

Test and see ‹/›

HTML <a> Tag

HTML: <template> Tag