忍者ブログ

STEP UP BLOG

Home > ブログ > html5

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

html5のdownload属性

Webサイトから何かファイルをダウンロードさせたいとき、例えば、
ダウンロードサンプル

のようにリンクを貼った場合、ファイルの種類によってはダウンロードではなくブラウザで表示するかたちになります(PDFなど)。
気を利かせて開いてくれたのはうれしいけれど、今見たいわけじゃないんだブラウザ君。
というわけでそんなときに便利なのがhtml5で仕様が作られたdownload属性です。

https://developer.mozilla.org/ja/docs/Web/HTML/Element/a

ダウンロードサンプル

のように書くと、リンク先が明示的にダウンロードされるようになります。しかも
ダウンロードサンプル

のように書くと、ダウンロードするときのファイル名までも指定できます。
便利!!
しかも!!
一部のブラウザまたの名をSafariやIEではこの属性は使えません!!
早く対応してください><
PR

PAGE TOP