HTML - download 屬性

HTML 的 download 屬性與錨點標籤一起使用，用於指定當使用者點選超連結時將下載資源（在 href 屬性中指定）。

它指示超連結用於下載資源。您可以將使用者可以下載的資源傳遞到 href 屬性中，該資源可以是任何影像檔案、GIF 檔案、影片檔案等。

語法

<a href="linktoresourse.com" download></a>

應用於

以下列出的元素允許使用 HTML download 屬性

元素	描述
<a>	HTML <a> 標籤定義超連結。它用於在一個頁面之間建立連結。
<area>	HTML <area> 標籤指定影像的區域，對映可以被點選或連結到的活動區域。

HTML download 屬性示例

以下示例將說明 HTML download 屬性，以及我們應該在何處以及如何使用此屬性！

透過點選連結下載

在以下示例中，我們在 <a> 標籤內使用 download 屬性來指示超連結用於下載資源。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'download' attribute</title>
</head>
<body>
   <!--HTML 'download' attribute-->
   <p>Example of the HTML 'download' attribute</p>
   <p>Click on below link: </p>
   <a href=
"https://tutorialspoint.tw/html/images/html-mini-logo.jpg" 
      download>
      Download
   </a>
</body>
</html>

可點選區域下載

考慮另一種情況，我們將使用 area 標籤與 download 屬性一起使用。當輸出中的區域被點選時，影像將被下載。

<!DOCTYPE html>
<html lang="en">

<head>
    <title>HTML 'download' attribute</title>
</head>

<body>
    <!--HTML 'download' attribute-->
    <p>Example of the HTML 'download' attribute</p>
    <p>Click on below image to download it: </p>
    <img src=
"https://tutorialspoint.tw/images/logo.png?v3" 
         alt="Tutorialspoint">
    <map name="demo" src=
"https://tutorialspoint.tw/images/logo.png?v3">
         <area shape="rect" coords="34,44,270,350" 
               href="/images/logo.png" alt="rect"
               download>
   </map>
</body>

</html>

支援的瀏覽器

屬性
download	是 14.0	是 18.0	是 20.0	是 10.1	是 15.0

html_attributes_reference.htm

列印頁面