HTMLでの見出しと段落の使用

正しいHTML構造の作成方法を理解したので、次はウェブページに表示するコンテンツをbody要素に追加することに注目します。

見出し

見出しは、ウェブページ上のコンテンツを構造化し整理するために使用されます。HTMLでは、<h1>（最も重要）から<h6>（最も重要度が低い）まで、6段階の見出しレベルが用意されています。

各見出しレベルを適切に使用することで、ドキュメントの構造に明確さと一貫性を保つことが重要です。上位の見出しを過度に使用したり、レベルを飛ばしたりすると、混乱を招き、ユーザーや検索エンジンがコンテンツの構成を理解しにくくなります。

• <h1> はページの主見出しに使用;
• <h2> は副見出しに使用し、<h1> よりも重要度が低いことを示す;
• <h3> はセクション内のさらに細かい区分に使用。

段落

<p> タグで示される段落は、テキストのブロックを明確に区切り、内容に視覚的および意味的な明瞭さを与える。
例:

• 各<p>タグは個別の段落ブロックを定義;
• ブラウザは段落間に自動的に余白を追加し、可読性と視覚的一貫性を向上させる。