<a> download 屬性的使用方法,在線實(shí)例演示如何使用 <a> download 屬性、瀏覽器的兼容性、語法定義及它的屬性值詳細(xì)介紹等。
單擊鏈接時(shí)下載文件(而不是導(dǎo)航到文件):
<!doctype html> <html> <head> <title>html: <a> download屬性的使用 - 菜鳥教程(cainiaoplus.com)</title> </head> <body> <p>單擊nhooo的logo以下載圖像</p> <a href="/static/images/logo.png" download> <img src="/static/images/logo.png" alt="(cainiaoplus.com)" width="150" height="50"> </a> </body> </html>測(cè)試看看 ?/?
注意: Edge版本12,IE,Safari 10(或更早版本)或Opera版本12(或更早版本)不支持download屬性。
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器的版本號(hào)。
元素 | |||||
---|---|---|---|---|---|
download | 14.0 | 13.0 | 20.0 | 10.1 | 15.0 |
download屬性指定當(dāng)用戶單擊超鏈接時(shí)將下載目標(biāo)。
僅當(dāng)設(shè)置了href屬性時(shí),才使用此屬性。
該屬性的值將是下載文件的名稱。對(duì)允許的值沒有限制,瀏覽器將自動(dòng)檢測(cè)正確的文件擴(kuò)展名并將其添加到文件(.img,.pdf,.txt,.html等)中。
如果省略該值,則使用原始文件名。
download 屬性是HTML5中新增的 <a> 標(biāo)簽屬性。
<a download="filename">
值 | 描述 |
---|---|
filename | 指定文件名稱。 |
為下載屬性指定一個(gè)值,該值將是下載文件的新文件名(“ nhooologo.png”而不是“ views.png”):
<!doctype html> <html> <head> <title>html: <a> download屬性的使用 - 菜鳥教程(cainiaoplus.com)</title> </head> <body> <a href="/static/images/logo.png" download="nhooologo"> <img src="/run/html/views.png" alt="Views" width="300" height="200"> </a> <p>請(qǐng)注意,下載文件的文件名將另存為“ nhooologo.jpg”,而不是“ views.png”。.</p> </body> </html>測(cè)試看看 ?/?