web-dev-qa-db-ja.com

「head」タグと「header」タグの本当の違いは何ですか?

質問

私はしばらくコーディングしていて、ヘッドとヘッダーがまったく同じに見えることに気付きました。それらは同じですか、それらの違いは何ですか?違いはありますか?

少し調べたところ、これに関する情報はあまり見つかりませんでした。十分に掘り下げていなかったかもしれません。私が見つけた情報は<head>タグはHTML 1以降、<header>タグがHTML5で出てきました。どちらか一方が他方から安定していますか?

概要

2つのタグの違いを理解したいと思います。信用できる/または公式の情報源を希望します。できれば情報入手先のリンクを貼ってください。コードの例も参考になります!私が尋ねている主な質問は、違いがあるかどうか、ある場合はどのような違いがあるのか​​です。それらの1つからの利点はありますか?お読みいただき、ありがとうございました。

7
makertech81

Googleをすばやく検索すると、次のことがわかります。

Head tag:
HTML <head>要素は、ドキュメントのタイトル、スクリプトやスタイルシートへのリンク/定義など、ドキュメントに関する一般的な情報(メタデータ)を提供します。 (HTML MDN)

ヘッダータグ:
HTML <header>要素は、導入またはナビゲーション補助のグループを表します。一部の見出し要素だけでなく、ロゴ、ラップされたセクションのヘッダー、検索フォームなどの他の要素も含まれる場合があります。 (HTML MDN)

-

言い換えると; headタグは、ドキュメントのタイトル、スタイル、スクリプトなどに使用されます。
記事に見られるように、ヘッダーにはヘッダータグが使用されます。

Newspaper 'header'.新聞「ヘッダー」

[〜#〜] edit [〜#〜]psuedocoderが言及したように、参照を更新、W3Schools常に完全に信頼できるとは限りません。

15
Arena

W3Cから:

https://www.w3.org/wiki/HTML/Elements/head

<head>要素は、ドキュメントのメタデータのコレクションを表します。」

https://www.w3.org/wiki/HTML/Elements/header

<header>要素は、導入またはナビゲーション補助のグループを表します。」

主な違いは、<head>要素は、METAデータと<header>要素は実際のコンテンツ用です。

3
pseudocoder

HTML <head> tag はメタデータのコンテナであり、スクリプトやスタイルシートへのリンクです。

<header>tag は、紹介またはナビゲーションの性質を持つコンテンツを指定するために使用されるセマンティックコンテナーです。

2
Vecta