ヘッダーとコンテンツ構成:h1からh6スタイルの利用

ヘッダーとコンテンツ構成:h1からh6スタイルの利用

目次

H1 ヘッダー

H1ヘッダーは記事全体のタイトルまたはメインのトピックに使用されます。一般的に、記事全体でH1を1回だけ使用することが推奨されており、コンテンツの目的を簡潔に伝える役割を果たします。

h2 ヘッダー

h2ヘッダーは記事内の主要なセクションやサブセクションを示すために使用されます。記事のフローと構造を伝え、読者が情報を整理するのに役立ちます。複数回使用することができます。

h3 ヘッダー

h3ヘッダーはh2ヘッダーの下にあるサブセクションを表します。h2ヘッダーの下のコンテンツの詳細な説明を提供するのに役立ち、複数回使用することができます。

h4 ヘッダー

h4ヘッダーはh3ヘッダーの下にさらに詳細なサブセクションを示すために使用されます。階層構造の情報を整理するのに役立ち、複数回使用することができます。

h5 ヘッダー

h5ヘッダーはh4ヘッダーの下に詳細な情報やさらなるカテゴリ分けを示すために使用されます。必要に応じて複数回使用できます。

h6 ヘッダー

h6ヘッダーは非常に詳細な情報やさらに細かいサブセクションに使用されます。ほとんどの場合、このレベルより深く進む必要はなく、h5ヘッダーの下で複数回使用できます。

別の h2 ヘッダー

h2ヘッダーを使用して新しいセクションを開始し、記事の構造をより明確にします。

ヘッダーの使用上のポイント

ヘッダーを使用する際には、以下のポイントを考慮することが重要です。

コンテンツの構造に基づいて適切なヘッダーレベルを選択します。タイトルにはH1、セクションにはh2、サブセクションにはh3などを使用します。

ヘッダーで簡潔かつ明確な言語を使用し、キーワードや重要なポイントを含めます。
記事全体でヘッダーのスタイルを一貫させるために、レベル、フォーマット、文法、句読点などに注意します。


See the Pen Headers and Content Organization: Utilizing h1 to h6 Styles by 5oji (@udagawa) on CodePen.