HTML5 ファイルをダウンロードさせるリンクを作りたい。

最近のブラウザちゃんはPDFとかも開けちゃうのですが、ファイルをダウンロードさせたいって時があります。
HTPPヘッダーにContent-Dispositionをごにょごにょしたり、.htaccessでごにょごにょしたりしてたイメージだったのですが、HTML5からはHTMLだけで簡単実現できちゃうみたいです。

そう、HTML5ならね！

download属性にダウンロードされるファイル名を指定すればOK

<a href="/file/to/path/eroi-text.md" download="eroi-text.md">ダウンロード</a>

サンプル

ダウンロード属性ありのaタグのボタン　普通のリンク(href)だけのaタグのボタン

　
HTML5なら簡単で良いですね☆

---

[参考]

• HTML5を使ってファイルを表示させずにダウンロードさせる方法 | Workabroad.jp

日常 大工カフェマグカップ