HTMLのヘッダータグとフッタータグの違いを2点まとめ（要素の違いの例付き）-htmlチュートリアル-php.cn

这是PHP中文网介绍的页头

文章的标题

作者

网友的评论

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLのヘッダータグとフッタータグの違いを2点まとめ（要素の違いの例付き）

寻∝梦

Aug 30, 2018 pm 05:17 PM

header html

この記事では、HTML ヘッダータグとフッタータグの 2 つの違いについて説明します。次に、HTML ヘッダータグとフッタータグについて説明します

1 の違いを見てみましょう。

タグと
タグの間:

タグはドキュメントまたはドキュメントの一部を定義します。

要素は、紹介コンテンツまたはナビゲーションリンクバーのコンテナとして機能する必要があります。ドキュメント内に複数の

要素を定義できます。

注:

タグは

通常、この要素にはドキュメントの作成者の名前、ドキュメントの著作権情報、利用規約へのリンク、連絡先情報などが含まれます。

ドキュメントでは、複数の

<article>
  <header>
    <h1 id="这是PHP中文网介绍的页头">这是PHP中文网介绍的页头</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
  </header>
  <p>Windows Internet Explorer 9 (abbreviated as IE9) 这里是PHP中文网</p>
</article>
<footer>
  <p>这里是PHP中文网中的页脚footer的用法</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

ログイン後にコピー

レンダリングは次のとおりです:

HTMLのヘッダータグとフッタータグの違いを2点まとめ（要素の違いの例付き）

2. 次に、ヘッダータグとフッタータグの違いの別の側面を見てみましょう:

header 要素:

は、最も近いものの 1 つを表します。親要素グループの紹介コンテンツ。ヘッダーの親要素は、セクション要素 (artic、section、side など) またはルート要素 (body 要素) の場合があります。 header 要素に最も近い親要素が body 要素である場合、header 要素は HTML ページ全体の一連の有益なコンテンツを表します。 HTML ドキュメントに新しいコンテンツ領域がある場合、コンテンツのニーズに応じてヘッダー要素を追加すると、ドキュメントのセマンティクスが向上します。

footer 要素:

は、最も近い親要素の補足説明の内容を表します。 footer の親要素は、セクション要素またはルート要素の場合があります。

フッター要素のコンテンツは通常、現在のリージョンのコンテンツの関連リンク、著作権情報など、現在のリージョンのコンテンツに関連しています。

フッター要素の最も近い親要素がボディ要素である場合、フッター要素は HTML ページ全体の補足説明を表します。

footer 要素は通常、付録、条項、バージョン情報、使用許諾契約、その他のコンテンツなど、ページコンテンツの拡張情報をマークするために使用されます。

ヘッダータグとフッタータグの違いについての別の例を次に示します:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP中文网演示</title>
</head>
<body>
<article>
<header>
<h3 id="文章的标题">文章的标题</h3>
<h5 id="作者">作者</h5>
</header>
<p>我是正文-我是正文-我是正文-------------<></p>
<article>
<head>
<h4 id="网友的评论">网友的评论</h4>
<p>评论内容-评论内容-评论内容----------</p>
</head>
<footer>
发布时间：1433223
</footer>
</article>
<footer>
<p>尾部：3000：评论</p>
</footer>
</article>
</body>
</html>

ログイン後にコピー

効果は次のようになります:

HTMLのヘッダータグとフッタータグの違いを2点まとめ（要素の違いの例付き）