<a href="" download=""></a>
| 更新日 | |
|---|---|
| 仕様 | HTML Living Standard |
| 分類 | フロー・コンテンツ / フレージング・コンテンツ / インタラクティブ・コンテンツ（href属性がある場合に限る） / パルパブル・コンテンツ |
| 利用場所 | フレージング・コンテンツが置ける場所 |
| 内容 | トランスペアレント（親要素のコンテンツモデルを継承） ただし、インタラクティブ・コンテンツ、a要素、およびtabindex属性が指定された要素は含められない |
a要素に download="" を追加すると、ダウンロード用のリンクを指定することができます。
対応しているブラウザでこのリンクをクリックすると、リンク先のファイルを表示せずにダウンロードが開始されます。
<a href="example.png" download="ファイル名">ダウンロード</a>
<a href="example.png" download>ダウンロード</a>
| 属性 | 値 | ||
|---|---|---|---|
| 任意属性 | |||
href="" |
リンク先の指定 | URL | リンク先のURL |
download="" |
ダウンロード用のリンクを指定 | ファイル名 | ダウンロード時のファイル名を指定（値は省略可能） |
download属性の値には、ダウンロードする際のファイル名を指定します。
ファイル名には任意の名前を指定できますが、使用不可の文字が含まれる場合はブラウザによって調整されることがあります。
次の例では、サンプル画像というファイル名を指定しています。この場合、拡張子が付いてサンプル画像.pngという形でダウンロードされます。
<p><a href="img/example.png" download="サンプル画像">ダウンロード</a></p>
ファイル名の指定が不要であれば、値を省略して次のように記述することもできます。
<p><a href="img/example.png" download>ダウンロード</a></p>
値を省略した場合は、リンク先のファイル名がそのまま使用されるようです（Chrome、Firefox、Edgeで確認）。上記の例では、example.pngという名前でダウンロードされます。
使用例
- 対応しているブラウザでは、実際にダウンロードされるのでご注意ください。
<p><a href="image/tagindex.png" download="タグインデックス">ダウンロード</a></p>
- 表示例
<p><a href="image/tagindex.png" download>ダウンロード</a></p>
- 表示例
<p><a href="image/tagindex.png" type="image/png" download="タグインデックス">ダウンロード</a></p>
- 表示例