HTMLの <h3> タグは、ウェブページにおける三番目に重要な見出しを定義します。<h1> がページの主見出しで、<h2> が主要なサブセクションの見出しである場合、<h3> はそれらのサブセクションをさらに小さなセクションに分ける際に使用されます。これにより、文書の階層が深まり、コンテンツがより整理された形で提示されます。
<h3> タグの使用法
<h1>ページの主題</h1>
<h2>主要なサブセクション</h2>
<h3>さらに詳細なセクション</h3>たとえば、<h2> が「健康的な食生活」の見出しであれば、<h3> は「食物繊維の重要性」や「糖質制限のメリット」のような更に具体的なトピックを表すことができます。
<h3> タグの特徴
- 階層的な構造:
<h3>は、コンテンツの階層構造を明確にするために使用されます。<h1>、<h2>とともに、ページの論理的な構造を形成するのに役立ちます。 - 視覚的な強調: ブラウザはデフォルトで
<h3>に対して<h2>や<h1>よりも小さなフォントサイズを適用しますが、それでも通常のテキストよりは目立つように表示されます。 - セマンティックなマークアップ:
<h3>要素は、文書内でのそのコンテンツの重要性を表すためのセマンティックな意味を持っています。
<h3> タグのベストプラクティス
- 明確な階層: 文書内で
<h1>、<h2>、<h3>という順に見出しを使用して、明確な階層を維持するべきです。 - 内容の関連性:
<h3>の直下には、その見出しに直接関連するコンテンツ（段落、リスト、画像など）が続くべきです。 - キーワードの統合: SEOを考慮して、関連するキーワードやフレーズを
<h3>要素に含めることが有益です。
<h3> 要素は、ウェブページを整理し、ユーザーが情報を消化しやすいようにするための構造を提供します。また、検索エンジンにとってもページの構造を理解しやすくなり、ウェブサイトのSEOに貢献します。