<html>: HTML 要素
最終更新：2026-10-13
<html>HTML 要素
HTML 文書のルート要素です。他のすべての要素はこの中に置かれます。lang 属性でページの言語を宣言します。
| カテゴリ | ドキュメント構造 |
|---|---|
| コンテンツモデル | ルート要素（親なし） |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </html> タグ |
| ステータス | 標準 |
📝 構文
<html lang="en">
<head>...</head>
<body>...</body>
</html>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
lang | Primary language of the document, helps SEO and accessibility. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <html> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： html は最も外側の要素です。SEO とスクリーンリーダーのために lang を設定しましょう。
❓ よくある質問
Qhtml タグの lang 属性はなぜ重要ですか？
A
<html lang='ja'> はページの主言語を宣言します。スクリーンリーダーは言語に応じて発音エンジンを選び、検索エンジンは言語判定の補助に使い、ブラウザは翻訳案内を出すかどうかを決めます。lang の欠落はアクセシビリティ監査で最もよく見つかる項目のひとつです。Qhtml 要素にはどんな実用的な属性を設定できますか？
A
lang のほかによく使うのは、dir（ltr/rtl の文字方向。アラビア語など RTL 言語では必須）、class（サイト全体のテーマクラスの掛け場）、data-* のカスタム属性です。CSS 変数も :root（つまり html）に定義して全サイトで使うのが定番です。Qhtml タグを書かずに済ませられますか？
Aパーサーは html/head/body のタグの省略を許し、自動で補完します。しかし省略はおすすめしません。コードの可読性が落ち、ツールチェーンの解析が不安定になり、チーム開発でミスが起きやすくなります。3つの骨格タグを明示的に書くのが、あらゆる規範の基本要求です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
