ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのヘッダータグとフッタータグの違いを2点まとめ(要素の違いの例付き)

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

寻∝梦
寻∝梦オリジナル
2018-08-30 17:17:598733ブラウズ

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

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

タグと
タグの間:

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

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

注:

タグは
または別の
要素内に配置することはできません。

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

要素には、それに含まれる要素に関する情報が含まれている必要があります。

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

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

要素を定義できます。

<article>
  <header>
    <h1>这是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>文章的标题</h3>
<h5>作者</h5>
</header>
<p>我是正文-我是正文-我是正文-------------<></p>
<article>
<head>
<h4>网友的评论</h4>
<p>评论内容-评论内容-评论内容----------</p>
</head>
<footer>
发布时间:1433223
</footer>
</article>
<footer>
<p>尾部:3000:评论</p>
</footer>
</article>
</body>
</html>

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

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

上記はこの記事の全内容です (さらに詳しく知りたい場合は、 PHP 中国語 Web サイト学習へようこそ。その他のプログラミング コースもお待ちしています)、ご質問がございましたら、以下にメッセージを残してください

[編集者の推奨]

html5 ヘッダー タグは何を意味しますか? html5ヘッダータグの使い方を詳しく解説(例付き)

入力フォームに複数行のテキスト入力ボックスを作成するには?この記事では、input タグの使用方法を説明しています

以上がHTMLのヘッダータグとフッタータグの違いを2点まとめ(要素の違いの例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。