ホームページ > 記事 > ウェブフロントエンド > HTMLのヘッダータグとフッタータグの違いを2点まとめ(要素の違いの例付き)
この記事では、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>
レンダリングは次のとおりです:
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>
効果は次のようになります:
上記はこの記事の全内容です (さらに詳しく知りたい場合は、 PHP 中国語 Web サイト学習へようこそ。その他のプログラミング コースもお待ちしています)、ご質問がございましたら、以下にメッセージを残してください
[編集者の推奨]
html5 ヘッダー タグは何を意味しますか? html5ヘッダータグの使い方を詳しく解説(例付き)
入力フォームに複数行のテキスト入力ボックスを作成するには?この記事では、input タグの使用方法を説明しています
以上がHTMLのヘッダータグとフッタータグの違いを2点まとめ(要素の違いの例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。