aタグのdownload属性について2ヶ月に1回くらい喋っているので、練習用の記事を作っておく。
このリンクをクリックすると、ブラウザが、リンク先をダウンロードしようと試みる。お時間ある人はクリックしてみてください。
-
- 先日の夢日記のHTMLがダウンロードされるので、地下鉄とかオフラインのときに読んでください
-
- /404というエンドポイントは存在せず、サーバーサイドからは404 Not Foundが返り、ダウンロード失敗
<p><a href="/entry/2024/11/26/235900" download>記事のHTMLをダウンロード</a></p> <p><a href="/404" download>/404ページをダウンロード</a></p>
ダウンロード失敗したとき、ブラウザのUIで、ダウンロードに失敗しました、と教えてくれる。
Google Chromeの例。
Vivaldiだと、このファイルをダウンロードしますか?と聞いてくれるようだった。
MDNのドキュメント