

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

