<head>: HEAD 要素
最終更新：2026-10-13
<head>HEAD 要素
文書のヘッド部分で、表示されないメタデータ（title・charset・スタイル・スクリプト参照など）を保持します。
| カテゴリ | ドキュメント構造 |
|---|---|
| コンテンツモデル | ルート要素の子要素 |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </head> タグ |
| ステータス | 標準 |
📝 構文
<head>
<meta charset="UTF-8">
<title>タイトル</title>
</head>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <head> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： head 内のコンテンツは body には表示されません。title と meta charset は SEO と描画に重要です。
❓ よくある質問
Qhead の中にはどんな要素を置けますか？
Aメタデータ専用の領域です：
<title>、<meta>、<link>、<style>、<script>、<base>、<noscript>、<template>。div のような可視コンテンツを置くのは無効です。head のコンテンツモデルはメタデータ系の要素のみを許します。Qhead の中の要素に順序の決まりはありますか？
A一部にあります。
<meta charset> は先頭1024バイト以内に現れる必要があり（最初に置くのが最も安全）、<title> は必須かつできるだけ前へ、viewport の meta はスタイル適用の前に置きます。link/script/style の順序は自由ですが、重要な CSS を前に置くと描画のブロックを減らせます。Qhead は省略できますか？
Aパーサーが自動補完しますが、省略すると title などの重要なメタデータの位置が乱れます。仕様は title の存在を要求しており、head を省略すると title が body 側へ流れてしまいます。head を明示するのは基本的な素養です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
