サーチ…


前書き

HTMLには、単なる段落タグだけでなく、さまざまなサイズと太さの見出しを示す6つの別々のヘッダータグが用意されています。見出し1は見出し6に、見出し1は最も大きくて太いテキストを持ち、見出し6は段落レベルまで小さく、最も薄い。このトピックでは、これらのタグを正しく使用する方法について説明します。

構文

  • <h1>...</h1>
  • <h2>...</h2>
  • <h3>...</h3>
  • <h4>...</h4>
  • <h5>...</h5>
  • <h6>...</h6>

備考

  • h1 - h6要素には、開始タグと終了タグの両方が必要です。 1

  • h1 - h6要素は、デフォルトではブロックレベル要素(:CSSスタイルですdisplay: block )。 2

  • h1 - h6要素をsection要素と混同しないでください

  • 見出しタグ( h1 - h6 )に関連していないheadタグ。

  • 許可されたコンテンツ: フレーズのコンテンツ

  • 見出しの異なるCSSスタイルは、通常、 font-sizemarginが異なります。以下のための次の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>


Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow