最近のブラウザはとても賢く、リンク先がプレーンテキスト、PDF、CSS ファイルなどの場合、ダウンロードせずにブラウザ上でプレビューします。しかし、ときにはユーザーにブラウザで閲覧させるのではなく、そのままダウンロードしてほしい場合があります。たとえば以前、jQuery の公式サイトから jquery.js をダウンロードしようとしたときは、プレビューが開いてしまい、右クリックして「名前を付けて保存」を選ぶ必要がありました。しかし私の目的ははっきりしていて、ファイルを閲覧したいのではなく、ダウンロードしたいだけなのです！
実は、リンクに download 属性を付けるだけで、ファイルを強制的にダウンロードさせられます。HTML ファイルであっても、ブラウザ内で閲覧されるのではなく、強制的にダウンロードされます。ダウンロードが明確に必要な場面で、適切に使ってください。例は次のとおりです。
<a download href="http://example.tw/example.pdf">