metaタグでリダイレクト先を指定する

points and lines.jp owner

6年前

headタグ内でmetaタグを使用して別ページへのリダイレクト指定を行う方法をメモ。

http-equiv属性でrefleshを指定する。
リダイレクト（別ページへ遷移）するまでの秒数とリダイレクト先のURLを記述する。

記述の方法

　
誤った記述

NG
　
<meta http-equiv=”refresh” content=”何秒後に” url=”こちらのページへ“>
※リダイレクト出来ない

contentとurlを分けて記述しない。
content属性のダブルクォートの中にリダイレクト先のURLを含める形で記述する。

表示してから3秒後にyahooのトップページへ移動する。

– HTML –

<head>
  <meta charset="UTF-8">
  <title>Untitled Document</title>
  <meta http-equiv="refresh" content="3; url=https://www.yahoo.co.jp/">
</head>

Follow me!