HTML <a>ダウンロード属性
例
(ファイルに移動する代わりに)リンクをクリックしてファイルをダウンロードします。
<a href="/images/myw3schoolsimage.jpg" download>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
この属性は、ユーザーがハイパーリンクをクリックしたときにdownload
ターゲット(属性で指定されたファイル)がダウンロードされることを指定します。href
属性のオプションの値は、download
ダウンロード後のファイルの新しい名前になります。許可される値に制限はなく、ブラウザは自動的に正しいファイル拡張子を検出し、それをファイル(.img、.pdf、.txt、.htmlなど)に追加します。
値を省略すると、元のファイル名が使用されます。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
Attribute | |||||
---|---|---|---|---|---|
download | 14.0* | 18.0 | 20.0* | 10.1 | 15.0 |
* Chrome 65以降とFirefoxは、同一生成元のダウンロードリンクのみをサポートします。
構文
<a download="filename">
属性値
Value | Description |
---|---|
filename | Optional. Specifies the new filename for the downloaded file |
その他の例
例
ダウンロード属性の値を指定します。これは、ダウンロードされたファイルの新しいファイル名になります(「myw3schoolsimage.jpg」ではなく「w3logo.jpg」)。
<a href="/images/myw3schoolsimage.jpg" download="w3logo">
❮HTML<a>タグ