<h4>: H4 要素
最終更新：2026-10-13
<h4>H4 要素
<h4> 要素は <h3> の下のレベル 4 の見出しです。より深い文書構造で使われます。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | フローコンテンツ、見出しコンテンツ |
| 許可される親要素 | フローまたは見出しコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </h4> タグ |
| ステータス | 標準 |
📝 構文
<h4>レベル4の見出し</h4>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <h4> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
❓ よくある質問
Qh4 はいつ使うべきですか？
Ah3 の下に来る第4レベルの見出しです。たとえば「機能 → サブモジュール → 具体項目 → 細分化の説明」という構造です。レベルは文書構造で決まり、フォントサイズや使用頻度で決まるものではありません。ページに第4階層の構造がなければ h4 は使いません。
Qh4 から h6 へのレベル飛ばしはペナルティになりますか？
A検索エンジンがレベル飛ばしだけで直接ペナルティを課すことはありません。ただし、階層がきちんと進む見出し構造は、検索エンジンが内容の階層を理解する助けになり、スクリーンリーダーのナビゲーションにも優しいものです。長いコンテンツページでは h1→h6 を段階的に使うのがおすすめです。
Qh4 が小さすぎて読めない場合はどうすればいいですか？
A意味を捨てずに CSS で調整します。h4 に適切な font-size・font-weight・色を設定できます。見出しの意味と視覚スタイルは切り離せます。デフォルトの見た目が気に入らないからといって、太字の段落に置き換えないでください。
🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
