方法-ダウンロードリンク
HTMLを使用してダウンロードリンクを作成する方法を学びます。
ダウンロードリンク
HTMLdownload
属性を使用して、ユーザーがハイパーリンクをクリックしたときにターゲットがダウンロードされるように指定できます。
例
<a href="/images/myw3schoolsimage.jpg" download>
<img src="/images/myw3schoolsimage.jpg"
alt="W3Schools">
</a>
この属性は、属性が設定さdownload
れている場合にのみ使用されます。href
属性の値は、ダウンロードされたファイルの名前になります。許可される値に制限はなく、ブラウザは自動的に正しいファイル拡張子を検出し、それをファイル(.img、.pdf、.txt、.htmlなど)に追加します。
ダウンロード属性の値を指定することもできます。これは、ダウンロードされたファイルの新しいファイル名になります。値を省略すると、元のファイル名が使用されます。
例
ダウンロード属性の値を指定します。これは、ダウンロードされたファイルの新しいファイル名になります(「myw3schoolsimage.jpg」ではなく「w3logo.jpg」)。
<a href="/images/myw3schoolsimage.jpg" download="w3logo">
<img src="/images/myw3schoolsimage.jpg"
alt="W3Schools">
</a>
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
Attribute | |||||
---|---|---|---|---|---|
download | 14.0 | 13.0 | 20.0 | 10.1 | 15.0 |