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