download属性

a要素のdownload属性は、リンク先をダウンロードさせるかどうか、及び、ダウンロード時のファイル名を指定する属性。

ブラウザ対応

構文

download属性を指定すると、リンクテキストのクリック時、リンク先ドキュメントをダウンロードさせる。

ダウンロードさせる

ダウンロードさせるだけであれば、download属性値は省略できる。

download属性値を省略した場合、元のドキュメント名が、ダウンロード時のファイル名となる。

<a href="URL" download>リンクテキスト</a>

ファイル名を指定してダウンロードさせる

download属性には、ダウンロード時のファイル名を指定できる。

<a href="URL" download="ファイル名.拡張子">リンクテキスト</a>

要点

  • a要素のdownload属性は、リンク先ドキュメントをダウンロードさせるかどうか、及び、ダウンロード時のファイル名を指定する属性である。
  • a要素にhref属性がある場合だけ使用する。a要素にhref属性がない場合、download属性は、省略しなければならない。
  • download属性は、HTML5にて新たに導入された属性である。

サンプルコード

ダウンロードさせる

<a href="sample.png" download>リンクテキスト</a>

ファイル名を指定してダウンロードさせる

<a href="sample.png" download="サンプル画像.png">リンクテキスト</a>

サンプル

HTMLソースコード

<a href="sample-a-target.png" download><img src="sample-a-target.png" alt="サンプル画像" /></a>
<a href="sample-a-target.png" download="サンプル画像.png"><img src="sample-a-target.png" alt="サンプル画像" /></a>

実際の表示

サンプル画像 サンプル画像