古いページにアクセスしてきたユーザーを新しいページに遷移(リダイレクト)させたいけど、JavaScript書けないからと諦めていませんか?実はHTMLだけでリダイレクトをする方法があります!
本記事では、JavaScriptを使わずにHTMLの機能だけでリダイレクトをする方法について解説しています。
HTML/CSSの学習におすすめ参考書
1冊ですべて身につくHTML&CSSとWebデザイン入門講座
先輩くん
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
後輩ちゃん
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!
HTMLでリダイレクト設定をする
HTMLでリダイレクト設定をする方法はとても簡単で、下記のコードを<head>タグ内に追加するだけで完了です。
<meta http-equiv="refresh" URL=遷移先のURL">
HTMLでリダイレクトをする上での注意点
HTMLでリダイレクト設定をする場合、URL属性に指定した固定のURLに遷移するためパラメータは引き継ぎません。
もし、リダイレクト元のパラメータを付けた状態でリダイレクトをさせたい場合はJavaScriptでパラメーターを取得し「URL + パラメータ」でリダイレクトをします。