連結a的download屬性簡單介紹

antzone發表於2017-03-18

此屬性是HTML5新增，用來規定下來內容的名稱。

真實要下載的檔案還是用href屬性規定。

當真正下載的時候，文字的名稱會被修改為download規定的名稱。

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style>
#antzone{
  color:red;
}
</style>
</head>
<body>
<p>點選下載圖片<p>
<a href="demo/html5/img/logo.png" download="softwhy">點選下載</a>
<p id="antzone">當點選下載檔案的時候，會發現，被下載的檔名就是download屬性所規定的值。</p>
</body>
</html>

相關文章