HTML <area> download 属性

HTML <a> タグ

定義と使用方法

download 属性は、ユーザーがリンクをクリックしたときにダウンロードされるターゲットを指定します（href 属性 で指定されたファイル）。

download 属性のオプション値は、ファイルがダウンロードされた後の新しいファイル名になります。どんな値も使用できます。ブラウザは自動的に正しいファイルエクステンションを検出し、ファイルに追加します（例：.img、.pdf、.txt、.htmlなど）。

この値を省略すると、元のファイル名が使用されます。

例

例 1

download 属性を使用して、ユーザーがリンクをクリックしたときにダウンロードされるターゲットを指定します：

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" alt="Sun" href="about_sun.html" download>
<area shape="circle" coords="190,230,5" alt="Mercury" href="about_mercury.html" download>
<area shape="circle" coords="228,230,5" alt="Venus" href="about_venus.html" download>
</map>

亲自试一试

例 2

download 属性に値を指定します。それはダウンロードされるファイルの新しいファイル名になります（例えば、sun.htm で information_about_the_sun.htm を置き換えます）：

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" alt="Sun" href="about_sun.htm" download="sun">
<area shape="circle" coords="190,230,5" alt="Mercury" href="about_mercury.html" download="mercury">
<area shape="circle" coords="228,230,5" alt="Venus" href="about_venus.html" download="venus">
</map>

亲自试一试

语法

<area download="filename">

属性值

值 描述
filename 可选。规定下载文件的新文件名。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
14.0* 18.0 20.0* 10.1 15.0

* Chrome 65+ 和 Firefox が同源ダウンロードリンクをサポートしています。

HTML <a> タグ