HTML A Download Attribute - W3Schools
Có thể bạn quan tâm
❮ HTML <a> tag
Example
Download file when clicking on the link (instead of navigating to the file):
<a href="/images/myw3schoolsimage.jpg" download> Try it Yourself »More "Try it Yourself" examples below.
Definition and Usage
The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.
The optional value of the download attribute will be the new name of the file after it is downloaded. There are no restrictions on allowed values, and the browser will automatically detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.).
If the value is omitted, the original filename is used.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
| Attribute | |||||
|---|---|---|---|---|---|
| download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65+ and Firefox only support same-origin download links.
Syntax
<a download="filename">Attribute Values
| Value | Description |
|---|---|
| filename | Optional. Specifies the new filename for the downloaded file |
More Examples
Example
Specify a value for the download attribute, which will be the new filename of the downloaded file ("w3logo.jpg" instead of "myw3schoolsimage.jpg"):
<a href="/images/myw3schoolsimage.jpg" download="w3logo"> Try it Yourself » ❮ HTML <a> tag ★ +1 Sign in to track progressTừ khóa » Html5 A Tag Download
-
How To Create A Download Link - W3Schools
-
: The Anchor Element - HTML: HyperText Markup Language | MDN
-
Create A Downloadable Link Using HTML5 Download Attribute
-
How Can I Create Download Link In HTML? - Stack Overflow
-
The HTML5 Download Attribute Explained - Nathan Sebhastian
-
Quick Tip: Using The HTML5 Download Attribute - Web Design
-
HTML5 Download Attribute Guide | How It Works - WebFX
-
HTML | Download Attribute - GeeksforGeeks
-
Downloading Resources In HTML5 A[download] May Not Work As ...
-
A Look Into: HTML5 Download Attribute - Hongkiat
-
Downloading Resources In HTML5 - A[download] - v
-
HTML Download Attribute - Dofactory
-
How To Use HTML5 Download Attribute - C# Corner
-
Using The HTML5 Download Attribute | HTML Goodies