<h2>: H2 要素

最終更新：2026-10-13

<h2>H2 要素

<h2> 要素はレベル 2 の見出しで、主要なセクションのタイトルに使います。通常は <h1> の下位です。ページに複数の <h2> を置いて章立てできます。

<h2>レベル2の見出し</h2>

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

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

Qh2 は h1 の後に置くべきですか？

A理想的にはそうです。見出しレベルは段階的に進めるべきです。h1 の主見出しの下の主要セクションは h2 を使い、h1 から h4 へ直接飛ぶのは避けましょう。レベルを飛ばすと文書アウトラインが乱れ、スクリーンリーダーのユーザーがレベルでナビゲートできなくなります。

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

A数に制限はなく、主要セクションごとに1つの h2 が標準的な使い方です。長文記事の「はじめに」「インストール」「よくある質問」などのセクション見出しは h2 を使い、セクション内の子トピックは h3 で展開します。

Q文字を大きくしたいだけなら h2 を使ってもいいですか？

Aいけません。h2 は意味のマーク（セクション見出し）であって、フォントサイズの道具ではありません。純粋に視覚的な大きい文字は CSS で制御します。誤用すると、文書アウトライン・スクリーンリーダー・検索エンジンが、普通のテキストをセクション構造として扱ってしまいます。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。