HTMLリダイレクトを実行する方法
Webトラフィックを新しいサイトにリダイレクトする必要がある場合があります。通常はバックエンドを介してリダイレクトを実行する方法は複数ありますが、この記事では、HTMLでクライアント側のリダイレクトを使用してリダイレクトする方法について説明します。
このリダイレクトは、HTMLドキュメントの先頭のメタタグで行われます。このリダイレクトの構文により、ブラウザが新しいWebページにリダイレクトする前に遅延させることができます。
このリダイレクトの構文は次のとおりです。
<head>
<meta http-equiv="refresh" content="<num seconds>; url=<site to redirect to>">
</head>
http-equiv属性は、基本的にHTTP応答ヘッダーをシミュレートします。これにより、更新を実行できます。コンテンツ属性は、ページがリダイレクトされる前にユーザーにメッセージを送信する場合に更新を遅らせる秒数で構成されます（つまり、サイトが永続的に移動し、サイトが一時的にダウンしていて、取得しているため、新しいページをブックマークします）それらを別のバージョンのサイトに）。
時間は秒単位で測定されますが、Web開発の世界では多くのものがミリ秒単位で測定されることを忘れないでください。このリダイレクトの時間として1,000を入力すると、ページが実際にリダイレクトされるまで、あなたまたはあなたのクライアントは長い間待機します。
コンテンツ属性の後半は、送信先のURLです。これはすべて、HTMLページの先頭で行われます。
実際のHTMLドキュメントでの表示は次のとおりです。
html>
<head>
<head> <meta http-equiv="refresh" content="1; url=https://www.careerkarma.com/blog/html"> </head>
<style>
body {
font-family: 'Roboto';
margin: 20px;
}
p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
You are being redirect to <a rel="noreferrer noopener" href="https://careerkarma.com/blog/html">https://www.careerkarma.com/blog/html.</a> Please click this link if not redirected in five seconds
</body>
</html> バックエンドを使用してリダイレクトを実行する機能がない場合は、このオプションを必ず考慮してください。
参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。
平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。
-
HTMLページからリダイレクトする方法は？
ページリダイレクトは、URLをクリックしてページXに到達したが、内部的には別のページYにリダイレクトされた状況です。これはページリダイレクトが原因で発生します。 HTMLページからリダイレクトするには、METAタグを使用します。これで、http-equiv属性を使用して、content属性の値にHTTPヘッダーを提供します。コンテンツの値は秒数です。ページを後でリダイレクトする必要があります。 すぐに読み込む場合は、コンテンツ属性を0に設定します。 以下は、0秒後に現在のページを別のページにリダイレクトする例です。 例 <!DOCTYPE html> <html&
-
訪問者を新しいホームページに自動的にリダイレクトするにはどうすればよいですか？
ページリダイレクトは、URLをクリックしてページXに到達したが、内部的には別のページYにリダイレクトされた状況です。これはページリダイレクトが原因で発生します。 HTMLページからリダイレクトするには、METAタグを使用します。これで、http-equiv属性を使用して、content属性の値にHTTPヘッダーを提供します。コンテンツの値は秒数です。ページを後でリダイレクトする必要があります。 これにより、訪問者を新しいホームページに自動的にリダイレクトできます。すぐにロードする場合は、content属性を0に設定します。 以下は、2秒後に現在のページを別のページにリダイレクトする例で