作成方法：ダウンロードリンク

HTMLを使用してダウンロードリンクを作成する方法を学びます。

ダウンロードリンク

HTMLの download 属性を使用して、ユーザーがリンクをクリックしたときにターゲットファイルをダウンロードするように指定します。

例

<a href="w3logo.png" download>
  <img src="w3logo.png" alt="W3School">
</a>

自分で試してみてください

設定 href 属性を指定 download 属性。

この属性の値はダウンロードされるファイルの名前になります。許可された値には制限はなく、ブラウザが正しいファイルエクステンションを自動的に検出し、ファイルに追加します（.img、.pdf、.txt、.htmlなど）。

また、 download 属性に値を指定すると、ダウンロードされるファイルの新しいファイル名になります。この値を省略すると、元のファイル名が使用されます。

例

に download 属性に値を指定すると、ダウンロードされるファイルの新しいファイル名になります（"w3logo.jpg" ではなく "mycodew3cimage.jpg"）：

ダウンロード属性の値を指定すると、ダウンロードされるファイルの新しいファイル名になります（"w3logo.jpg" ではなく "mycodew3cimage.jpg"）：

<a href="w3logo.png" download="codew3c-logo">
  <img src="w3logo.png" alt="W3School">
</a>

自分で試してみてください

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。