HTML/CSS

【JavaScript不要】HTMLだけでn秒後に別ページに遷移させる方法

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">
  • content:秒数を指定。5秒後に遷移させたい場合は「content=”5″」と記述する。
  • URL:遷移させたいURLを指定。

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村