SYNCERのロゴ
アイキャッチ画像

download属性 - リンク先ファイルのダウンロード

area要素download属性はハイパーリンクを、リンク先ファイルをダウンロードする仕様に変更する属性です。仕組みはa要素download属性と同じですが、サポート状況が違う点にご注意下さい。

概要

要素
area要素
DOM Interface
HTMLAreaElement.download
仕様書
https://html.spec.whatwg.org/multipage/links.html#attr-hyperlink-download

ローカルに保存されるファイル名を表す文字列。値は省略でき、この属性を持つだけで、そのハイパーリンクはダウンロードする仕様になる。

<area href="./image.png" download>
<area href="./image.png" download="hoge.png">

説明

a要素download属性の説明をご参考下さい。

デモ

download属性を指定したデモです。

<!-- このコードは編集できます。 -->

<img src="./image.png" usemap="#my-circle-01" width="200" height="200">
<map name="my-circle-01">
	<area shape="circle" coords="100,100, 50" href="https://syncer.jp/" target="_blank" alt="SYNCER" download="syncer.html">
</map>

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
54+ 20+ 10+× 41+××
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年9月15日 (金)
コンテンツを公開しました。