web-dev-qa-db-ja.com

html5：ヘッダーまたはフッタータグを2回使用していますか？

簡単な質問：実際にヘッダータグを2回使用することは許可されていますか？例えば私はheader.phpに2つの重要なヘッドセクションがあり、両方にヘッダータグを付けることができますか？

htmlhtml5headersemantics
60
matt

はい、でもキャッチ付きです。 W3ドキュメントには、タグが最も近い祖先セクションのヘッダー領域とフッター領域を表していることが記載されています。必要な数だけ持つことをお勧めしますが、ページの「セクション」、つまり本文、セクションなどごとにそれぞれ1つだけにしてください。

W3から

ヘッダー要素は通常、セクションの見出し（h1–h6要素またはhgroup要素）を含むことを目的としていますが、これは必須ではありません。ヘッダー要素は、セクションの目次、検索フォーム、または関連するロゴをラップするためにも使用できます。

=========================

フッター要素は、その最も近い祖先セクションコンテンツまたはセクションルート要素のフッターを表します。通常、フッターには、作成者、関連ドキュメントへのリンク、著作権データなど、セクションに関する情報が含まれています。

それぞれの標準ドキュメントへのリンクは次のとおりです。 header および footer

76
linusthe3rd

はい、ドキュメント内で複数のheader要素を使用できます。 w3cドキュメントの価値 ：

ヘッダー要素は通常、セクションの見出し（h1–h6要素またはhgroup要素）を含むことを目的としていますが、これは必須ではありません。ヘッダー要素は、セクションの目次、検索フォーム、または関連するロゴをラップするためにも使用できます。

ただし、意味的に正しいことを確認してください。

7
Marcus Whybrow

状況によっては、2つの<header>シングル<article>/<section>このように、なぜそうではないのか。

 <article>

      <!-- Feature Image on the LEFT -->
      <div class="position-left">
         ...featrue image...
        <header>
        ...H1 title ...  
        </header>
      </div>

      <!-- Content on the RIGHT with subtitle, date, etc -->
      <div class="position-right">
        <header>
          ..date, sub-title, etc...
        </header>
        ...content...
        <footer>..</footer>
      </div>

    </article>
2
iMarshal

2つのヘッダータグを使用してもペナルティはありませんが、意味があることを確認してください。

ハッピーコーディング！

2
Horia Dragomir

<header>は、たとえば新聞の記事なので、複数の記事がある場合は、複数の<header>を使用できます。

複数の<h1>を使用するようなものです。特別な場合にのみ意味があります。

2
Floern