【HTML Living Standard】http-equiv属性の使い方
http-equiv属性の使い方について、初心者にもわかりやすく解説します。
基本的な使い方
http-equivプロパティは、Webブラウザに対するHTTPヘッダー相当の指示内容を保持するプロパティです。このプロパティは、HTMLドキュメントの<head>セクションにある<meta>要素でのみ使用され、content属性と組み合わせて機能します。これにより、WebサーバーからのHTTPレスポンスヘッダーと同様の挙動を、クライアント側のHTML記述で実現することが可能になります。
ブラウザは、<meta>要素のhttp-equivプロパティに指定された指示内容とそのcontentプロパティの値を解析し、その情報に基づいてページのレンダリングや動作を調整します。例えば、http-equiv="Content-Type"とcontent="text/html; charset=UTF-8"を組み合わせることで、ページの文字エンコーディングをUTF-8として宣言し、文字化けを防ぐことができます。また、http-equiv="Refresh"とcontent="5;url=https://example.com"と記述すれば、5秒後に指定したURLへ自動的にリダイレクトさせることも可能です。さらに、http-equiv="Cache-Control"を用いることで、ブラウザがページをキャッシュする方法を制御し、常に最新のコンテンツを表示させるといった設定も行えます。
このプロパティは、サーバー側の設定を変更できない共有ホスティング環境や、特定のWebページにだけ詳細な指示を与えたい場合に特に有用です。HTTPヘッダーと同様の機能を提供することで、開発者はより柔軟にWebページの表示や動作をカスタマイズできます。
現代のHTML Living Standardにおいては、文字エンコーディングの指定には<meta charset="UTF-8">のようにcharsetプロパティを直接使用することが推奨されています。しかし、http-equivプロパティは、古いブラウザ（Internet Explorerなど）の互換モード指定や、特定のリダイレクト処理、キャッシュ管理など、依然として特定のユースケースで有効な手段として利用されています。システムエンジニアを目指す上で、このプロパティの働きを理解することは、Web技術の基礎知識として重要です。
構文(syntax)
1<meta http-equiv="refresh" content="3; URL=https://www.example.com/">
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません