ホームページ  >  記事  >  ウェブフロントエンド  >  ヘッダータグの機能と使い方のまとめ

ヘッダータグの機能と使い方のまとめ

巴扎黑
巴扎黑オリジナル
2017-06-07 11:43:1513377ブラウズ

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

注:

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

以下にヘッダー タグの使用法と例をまとめてみましょう:

1.HTML5/CSS3 シリーズ チュートリアル: HTML5 の基本タグはヘッダー、ナビゲーション、フッターを使用します

HTML5 にはこれまでになかった多くの新機能があることは誰もが知っているかもしれません。以前は、ヘッダー、ナビゲーション、フッターなどのタグが利用可能でした。以前は、関連するページ レイアウトを開発するときに、CSS を使用してページの関連するヘッダー、ナビゲーション、下部の部分を定義することがよくありました

ヘッダータグの機能と使い方のまとめ

2. 使用例HTML の Header タグの

は、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。これには、ヘッダータグの機能と使い方のまとめ

タグ内の URL が含まれます。

HTML コード

<head>  
  <base href="http://www.w3school.com.cn/tags/">   
  <base target="_blank" /> <!--页面中所有target默认为_blank-->  
</head>  
<body>  
  <a href="tag_base.asp">base </a> <br> <!--实际指向http://www.w3school.com.cn/tags/tag_base.asp 且target为_blank -->  
  <a href="tag_audio.asp">audio </a>  
</body>

ヘッダータグの機能と使い方のまとめ

3.HTML

タグの使用法

html5 ヘッダー要素タグ

の HTML5 の新しいタグ要素、HTML ヘッダーの基本チュートリアルを通じて学ぶヘッダーとしても機能する CSS レイアウト手法。

HTML5 バージョンより前は、Web ページのレイアウトに div タグを使用するのが一般的でした。HTML5 では、DIV タグに基づいて新しいヘッダー タグ要素が追加されました。 「

」とも呼ばれます。以前は、Web ページを div CSS レイアウトでヘッダー、コンテンツ、下部に分割することがよくありました。大規模な構造の場合、レイアウトに ID を持つ div を使用することがよくあります。ヘッダーは、
または
を使用してレイアウトされることが多く、従来の DIV レイアウトとは異なります。 divタグは必要ありませんが、新しい要素タグを追加します。

「ヘッダー」はHTMLレイアウトで一般的に使用される名前であると認識されているため、HTML5では新しいヘッダータグ要素が追加されます。 html5でヘッダーがlabel要素として追加される理由がわかります。

headerタグを直接使用する以外に、classやidをヘッダーに設定することもできます。

ヘッダータグの機能と使い方のまとめ

4. HTML5 でのヘッダー タグの使用法を簡単に分析します

ドキュメントのヘッダー (通常は何らかのガイダンスとナビゲーション情報) を定義します。 Webページのヘッダーに記述することに限らず、Webページのコンテンツに記述することも可能です。
新しい標準では、ヘッダー タグは次のように定義されています:

「入門またはナビゲーション補助のグループ。」

ヘッダータグの機能と使い方のまとめ

5.CSS の問題についてはヘッダー タグのマージンでアドバイスを求めてください

以上がヘッダータグの機能と使い方のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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