HTML <area>ダウンロード属性

❮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>タグ