サーチ…
前書き
HTMLには、単なる段落タグだけでなく、さまざまなサイズと太さの見出しを示す6つの別々のヘッダータグが用意されています。見出し1は見出し6に、見出し1は最も大きくて太いテキストを持ち、見出し6は段落レベルまで小さく、最も薄い。このトピックでは、これらのタグを正しく使用する方法について説明します。
構文
-
<h1>...</h1>
-
<h2>...</h2>
-
<h3>...</h3>
-
<h4>...</h4>
-
<h5>...</h5>
-
<h6>...</h6>
備考
h1
-h6
要素には、開始タグと終了タグの両方が必要です。 1h1
-h6
要素は、デフォルトではブロックレベル要素(:CSSスタイルですdisplay: block
)。 2h1
-h6
要素をsection要素と混同しないでください見出しタグ(
h1
-h6
)に関連していないhead
タグ。許可されたコンテンツ: フレーズのコンテンツ
見出しの異なるCSSスタイルは、通常、
font-size
とmargin
が異なります。以下のための次のCSS-設定h1
-h6
要素は、(によって「有益」として特徴付け配向として機能することができるW3C )検索エンジンのスパイダー(ページを検索エンジンに追加するコード)は、ページの内容を識別するために重要度の高いもの(h1が最も多く、h2がより少なく、h3がより少ない...など)の見出しに自動的に注意を払います。
見出しの使用
見出しは、それらが先行するトピックを記述するために使用され、 <h1>
〜 <h6>
タグで定義されます。見出しはすべてのグローバル属性をサポートします 。
-
<h1>
は最も重要な見出しを定義します。 -
<h6>
は、最も重要でない見出しを定義します。
見出しを定義する:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
構造の問題を修正する
検索エンジンや他のユーザーエージェントは、通常、見出し要素に基づいてページコンテンツを索引付けします。たとえば、目次を作成する場合は、見出しに正しい構造を使用することが重要です。
一般的に、記事にはメインタイトルのh1
要素が1つ、 h2
サブタイトルが必要です(必要に応じてレイヤーを下ろす)。より高いレベルにh1
要素がある場合、それらは下位レベルの内容を記述するために使用されません。
例示文書(階層を説明するための余分な意図):
<h1>Main title</h1>
<p>Introduction</p>
<h2>Reasons</h2>
<h3>Reason 1</h3>
<p>Paragraph</p>
<h3>Reason 2</h3>
<p>Paragraph</p>
<h2>In conclusion</h2>
<p>Paragraph</p>