HTML <area>ダウンロード属性
例
ダウンロード属性を使用して、ユーザーがハイパーリンクをクリックしたときにターゲットがダウンロードされるように指定します。
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="info_about_the_sun.htm" download="sun">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt" download="venus">
</map>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
この属性は、ユーザーがハイパーリンクをクリックしたときにdownload
ターゲット(属性で指定されたファイル)がダウンロードされることを指定します。href
属性のオプションの値は、download
ダウンロード後のファイルの新しい名前になります。許可される値に制限はなく、ブラウザは自動的に正しいファイル拡張子を検出し、それをファイル(.img、.pdf、.txt、.htmlなど)に追加します。
値を省略すると、元のファイル名が使用されます。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
Attribute | |||||
---|---|---|---|---|---|
download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65以降とFirefoxは、同一生成元のダウンロードリンクのみをサポートします。
構文
<area download="filename">
属性値
Value | Description |
---|---|
filename | Optional. Specifies the new filename for the downloaded file |
その他の例
例
ダウンロード属性の値を指定します。これは、ダウンロードされたファイルの新しいファイル名になります(information_about_the_sun.htmなどの代わりにsun.htm)。
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="info_about_the_sun.htm" download="sun">
<area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif" download="mercury">
<area shape="circle" coords="124,58,8" alt="Venus" href="information_about_the_planet_venus.txt" download="venus">
</map>
❮HTML<area>タグ