HTML の Web ページにリダイレクトする
Nithin Krishnan
2023年2月19日
サーバーがダウンしたり、メンテナンス中の場合にユーザーを再ルーティングするには、さまざまな HTML の方法があります。これは、サイトが持つべきリダイレクト動作の種類に関するビジネス要件によって異なります。UI でリダイレクトを処理すると、Web ページの HTML が最初にレンダリングされるため、パフォーマンスが向上します。別の Web ページにリダイレクトする HTML の方法から始めましょう。
- メタリフレッシュ
- アンカータグ
HTML でメタリフレッシュを使用してリダイレクトする
HTML には、ブラウザが理解できる <meta> タグがあります。この HTML タグを使用して、言及されたページにリダイレクトするようにブラウザに要求できます。また、必要に応じて遅延をプログラムすることもできます。
<meta http-equiv="refresh" content="5;url=https://www.delftstack.com" />
ここには、http-equiv と content という 2つのパラメーターが含まれています。
http-equiv：HTTP リクエストヘッダーに似ており、ブラウザが理解できるように追加情報を送信します。この属性はさまざまな値を受け入れます。最も一般的に使用されるのは、ブラウザに期待するコンテンツのタイプを指示するcontent-typeです。refreshはhttp-equivの別の値であり、content属性で指定されたリンクに移動するようにブラウザに指示します。content：リダイレクトされていることをユーザーに知らせるためのプログラム可能な遅延（秒単位）が含まれています。続行したい場合は、リダイレクトせずに戻ることができます。また、URL は、ナビゲーションを実行する必要のあるリンクです。
備考
- この方法は通常、サイトが読み込まれる前にユーザーをリダイレクトするためにベースページで使用されます。
- メタタグで設定されたタイミングに基づいて、ページが読み込まれると、メタリフレッシュ機能が自動的にユーザーをリダイレクトします。
- このコードを含むウェブページには、ブラウザの戻るボタンからアクセスできない場合があります。
- URL を指定しない場合、ページが再読み込みされます。
- ページでメタリダイレクトタグを使いすぎないでください。スパムコンテンツがあると見なされ、検索エンジンのリストの評判に影響を与える可能性があります。
HTML でアンカータグを使用してリダイレクトする
HTML のアンカータグに精通しているかもしれません。サブページまたは外部 Web サイトに移動するために Web ページで広く使用されています。メタリフレッシュ方式とは異なり、アンカータグは静的です。したがって、それを呼び出すには、イベント、クリックが必要です。アンカータグを使用して、次の方法でユーザーをリダイレクトできます。
<a href='https://www.delftstack.com/'>Go to Delfstack</a>
<a href='/tutorial'>Tutorials</a>
- 最初の方法では、
<a>タグの href 属性に値として渡された URL 全体（https://www.delftstack.com/）を使用します。これは、アプリケーションを終了して外部サイトに移動する必要がある場合に効果的です。ブラウザの戻るボタンを使用して、元のページに戻ることができます。 - 2 番目の方法は、サイト内のページに移動するために使用されます。この場合、目的のページの相対パス（
/tutorial）について説明します。ブラウザは、この相対パスをhttps://www.delftstack.com/tutorialとして変換します。
備考
- この方法は、ユーザーの操作、ナビゲーション用のクリックイベントに基づいています。
- Web サイト内または別の Web サイトへのルーティングには、アンカータグリダイレクト方式を使用できます。
href属性に URL を渡さない場合、アンカータグをクリックすると、現在のページが再読み込みされます。
まとめ
ビジネス要件によっては、ユーザーがメンテナンスサイトの Web ページにアクセスしたらすぐに、メタリフレッシュ方式を使用してユーザーをリダイレクトすることをお勧めします。これにより、再ルーティングのためにユーザーにメッセージを表示するための遅延を導入する自由が与えられます。ユーザーのクリックなどのイベントに基づいてナビゲーションを行う場合は、アンカータグを使用するのが一般的です。