リンクをクリック! → ブラウザに表示!
HTML
<a href="/sample.pdf" target="_blank">PDF</a>
リンクをクリック! → ダウンロード!
HTML
<a href="/sample.pdf" download="sample.pdf" target="_blank">PDF</a>
※ download属性を追加します。
リンクをクリック! → ダウンロード!(downloadの属性値は省略してもオッケーです。)
HTML
<a href="/sample.pdf" download target="_blank">PDF</a>
※ downloadの属性値は省略してもオッケーです。
対応ブラウザ
download属性の対応ブラウザを検証してみました。(2022年2月)
Chrome | ○ | 問題なし |
---|---|---|
Firefox | ○ | 問題なし (このファイルをどのように処理するか選んでください、とポップアップが出る) |
Safari | ○ | 問題なし |
Edge | ○ | 問題なし |
IE | × | ダメです (ブラウザに表示される、その後ダウンロードは可) |