ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5ヘッダータグの使い方は? HTML5ヘッダータグの役割の紹介

HTML5ヘッダータグの使い方は? HTML5ヘッダータグの役割の紹介

寻∝梦
リリース: 2018-09-03 17:32:03
オリジナル
4081 人が閲覧しました

この記事では、html5ヘッダータグの説明と、html5ヘッダータグの役割の紹介をメインに、最後にヘッダータグの概要も紹介します。この記事を一緒に見ていきましょう

まず、html5ヘッダータグの使い方を理解する必要がありますか?

ドキュメントのヘッダーまたはドキュメントの一部を定義します。

要素は、紹介コンテンツまたはナビゲーション リンク バーのコンテナとして機能する必要があります。

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

要素を定義できます。

注:

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

header タグ要素の基本的な使い方の紹介:

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

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

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

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

HTML5ヘッダータグの文法構造:

ヘッダータグ要素はdivと同じように使用されます。始まりがあり、終わりがある。

<header>php中文网</header>
ログイン後にコピー

1. id や class を直接指定しないでください

<header>头部内容区</header>
ログイン後にコピー

2. id を設定します

<header id=”divcss5”>头部内容区</header>
ログイン後にコピー

4. 機能: DIV タグ要素と同様に、複数回使用できます。またはクラスをさまざまな場所で使用できます。さまざまなスタイルを設定します。

HTML5 ヘッダー タグの役割の紹介:

ヘッダー タグは HTML5 の新しいタグ要素であるため、古いバージョンのブラウザーではサポートされていません。IE9 以降のブラウザー、最新の Google Chrome が必要です。他のブラウザでもサポートされます。もちろん、360 ブラウザ、Baidu ブラウザ、Aoyou ブラウザなどの国内ブラウザはすべてシステムに付属の IE カーネルを使用するため、国内ブラウザは実際にはシステムに付属の IE バージョンと同じバージョンであるため、IE ブラウザはIE9 以降。このバージョンは HTML5 の新しいタグ要素と当然互換性があります。

html5ヘッダータグの概要:

PHP中国のWebサイトは、IE6から最新バージョンのIEと互換性を持たせるために、通常のWeb Webページのレイアウトにhtml5の新しいタグ要素を使用する時期ではないことを推奨しています。 HTML Web ページをレイアウトするには、通常の DIV+CSS を使用することをお勧めします。 HTML5 にこうした新しいタグ要素があることは普段から知っていますし、使い方も基本的に DIV と同じであることは知っています。もちろん、DIV+CSS レイアウトを知っていれば、HTML5 にも自然に要素タグを追加することになります。

以上、この記事でのhtml5ヘッダータグの紹介と機能の説明でした。ご不明な点がございましたら、以下よりお問い合わせください。

【編集者のおすすめ】

HTMLのcolタグ内の漢字を中央揃えにする方法は? HTML の Col タグの基本的な使用法 (サンプル付き)


HTML 画像を同じ比率に拡大縮小するにはどうすればよいですか? HTML img画像の拡大縮小方法のまとめ(例付き)

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート