ECサイトなどでたまに見かける「5秒後に別ページに遷移します」、実装するのが難しそうと思われがちですが実はJavaScriptを使わずにHTMLで実装することが可能です！
本記事では、HTMLだけでn秒後に別ページに遷移させる方法について解説します。
HTML/CSSの学習におすすめ参考書
1冊ですべて身につくHTML&CSSとWebデザイン入門講座
| 著者 | Mana |
|---|---|
| 発売日 | 2019/3/16 |
| ページ数 | 280ページ |
| Kindle版 | ○ |
| レビュー (Amazon) | (2,167件) |
先輩くん
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！
後輩ちゃん
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！
綺麗なコードが書けるようになる！
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック
| 出版社 | オライリージャパン |
|---|---|
| 著者 | Dustin Boswell / Trevor Foucher |
| 発売日 | 2012/6/23 |
| ページ数 | 260ページ |
| レビュー (Amazon) | (620件) |
先輩くん
より良いコードを書きたい人におすすめの本だよ！
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです！
meta refreshを使う
n秒後に別ページに遷移させるには、リダイレクト設定する時に利用する「meta refresh」を使用します。meta refreshを使用する時の多くはURL属性のみ指定しますが、content属性を追加することでn秒後に遷移させることが可能になります。
<meta http-equiv="refresh" content="秒数;URL=URL"> あわせて読みたい
DMM WEBCAMP 
CodeCamp 
TechAcademy 
