<h1>: H1 要素

最終更新：2026-10-13

<h1>H1 要素

<h1> 要素はレベル 1 の見出しで、ページで最も重要な見出しです。各ページに <h1> は理想的には 1 つだけ置き、ページの主題と一致させます。SEO にも重要です。

カテゴリ	テキスト内容
コンテンツモデル	フローコンテンツ、見出しコンテンツ
許可される親要素	フローまたは見出しコンテンツを受け入れる要素
閉じタグ	必要 `</h1>` タグ
ステータス	標準

📝 構文

<h1>レベル1の見出し</h1>

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<h1>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： 1 ページに <h1> は 1 つだけにし、見出しレベルを飛ばさないようにしましょう。

❓ よくある質問

Q1ページに h1 はいくつ置けますか？

A仕様は複数を許します（各 article/section が自分の h1 を持てます）。しかし SEO の実務では、ページ全体で1つの h1 を主見出しにするのが強く推奨されています。検索エンジンがページのテーマを判断する重要なシグナルだからです。それ以外の階層は h2 以下で段階的に使います。

Qh1 と title の違いは何ですか？

A<title> は head の中にあり、ブラウザのタブや検索結果のタイトルに表示されますが、本文には現れません。<h1> は body の中にある、ページ上に見える主見出しです。内容は近づけられますが役割が違います。title は検索結果でのクリック向け、h1 は読者向けです。

Qh1 の中にロゴ画像を置けますか？

A置けます。トップページの h1 にロゴを置くのは定番です：<h1><img src='logo.png' alt='サイト名'></h1> のように alt で文字を提供します。下層ページでは、h1 にそのページの主見出しを置き、ロゴは普通のリンクに格下げするか header の中に置くのがおすすめです。