HTML5:ダウンロードリンクを置く

harada 63views 更新:2015年7月17日

HTML5ならdownload属性でダウンロードリンクも簡単なんですね!
ダウンロードリンクはリンクを押すとダウンロードさせることができるリンクです。

記述方法

リンクしているURLとダウンロードURLが同じ場合などは省略もできるようです。

<a href="http://~" download>テキスト</a>

もちろん指定することもできます。こちらはlightboxなどで画像を表示する場合に利用できますね。

<a href="http://~" download="ダウンロードさせるURL">テキスト</a>

参考:download属性

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません