HTML リファレンスマニュアル

HTML タグ一覧

HTML: <a> download 属性

<a> download 属性の使用方法、ブラウザの互換性、語法定義、属性値の詳細などについてのオンラインインスタンスデモ

オンラインの例

リンクをクリックすると、ファイルがダウンロードされます（ファイルに移動するのではなく）:

例

!doctype　html>
<html>
<head>
<title>html:　<a>　download属性の使用　-　基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<p>クリックしてw3codeboxのロゴをダウンロードするためには</p>
<a　href="/static/images/logo.png"　download>
　　<img　src="/static/images/logo.png"　alt="oldtoolbag.com"　width="150"　height="50">
</a>
</body>
</html>

テストをしてみてください ‹/›

注意： Edgeバージョン12、IE、Safari 10（またはそれ以前のバージョン）またはOperaバージョン12（またはそれ以前のバージョン）download属性をサポートしていません。

ブラウザの互換性

テーブルの数字は、この属性をサポートする最初のブラウザのバージョン番号を示します。

要素
download	14.0	13.0	20.0	10.1	15.0

定義と用法

download属性は、ユーザーがリンクをクリックしたときにターゲットをダウンロードするように指定します。
href属性が設定されている場合のみ、この属性を使用します。
この属性の値はダウンロードされるファイルの名前になります。許可された値には制限はなく、ブラウザが正しいファイル拡張子を自動的に検出し、ファイル（.img、.pdf、.txt、.htmlなど）に追加します。
この値を省略すると、元のファイル名が使用されます。

HTML 4.01 と HTML5 の違い

download 属性はHTML5に新しい <a> タグ属性が追加されました。

语法

　　　　 <a download="filename">

属性値

値	説明
filename	ファイル名を指定してください。

もっと例

ダウンロード属性に値を指定し、その値はダウンロードされるファイルの新しいファイル名になります（「w」）。3codeboxlogo.png”ではなく“ views.png”）：

例

!doctype　html>
<html>
<head>
<title>html:　<a>　download属性の使用　-　基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<a　href="/static/images/logo.png"　download="w3codeboxlogo>
　　<img　src="/run/html/views.png"　alt="Views"　width="300"　height="200">
</a>
<p>ダウンロードするファイルの名前は「　w3codeboxlogo.jpg”，ではなく“　views.png”。.</p>
</body>
</html>

テストをしてみてください ‹/›

HTML <a> タグ

HTML: <template> タグ