溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
HTML中<a>標簽download屬性如何使用？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！
一段簡單的帶有a標簽download屬性的html代碼示例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML a標簽download屬性使用示例</title>
</head>
<body>
<p>給a標簽添加了download屬性：</p>
<a href="/test/img/2.png" download="2.png">點擊下載</a>
</body>
</html>我在本地測試效果如下圖：
如圖我是用火狐瀏覽器進行訪問的，并且成功下載打開圖片。相信大家如果自己動手測試的話，對download屬性已經(jīng)有所概念。這里a標簽href的值是表示，你要下載某個文件或圖片的地址。download的值則表示你要下載保存的文件名稱或者圖片名稱。
但是大家也要注意html中a download屬性并不是在所有瀏覽器里奏效的。目前a download屬性只在火狐和谷歌瀏覽器有效。其余的如IE、Safari、Opera瀏覽器都是沒有用的。
綜上所述，所以想要實現(xiàn)點擊下載某文件或圖片只要掌握好a標簽中的download屬性用法即可，如果你只給a標簽中加了href的文件地址而沒有download屬性的話，那么就只會出現(xiàn)預(yù)覽的效果而無法下載！
感謝各位的閱讀！看完上述內(nèi)容，你們對HTML中<a>標簽download屬性如何使用大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼