ホームページ > 記事 > ウェブフロントエンド > H5でヘッダータグを使用する方法

H5でヘッダータグを使用する方法

php中世界最好的语言オリジナル: 2018-01-09 09:25:323498ブラウズ

今回はH5のheaderタグの使い方を紹介します。 H5のheaderタグの使い方は？ H5 でヘッダータグを使用する際の注意事項は何ですか? 以下は実際的なケースです。見てみましょう。

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

「入門またはナビゲーション補助のグループ。」
基本的には「入門ナビゲーション関連の補助コンテンツのグループ」を意味します。文字通り理解すると、header タグはページヘッダーのコンテンツを定義するだけでなく、ページヘッダーの下にある他のコンテンツの導入も定義できます。これは、従来のページヘッダー定義と完全に一致しているわけではありません。
通常、1aa9e5d373740b65a0cc8f0a02150c53 タグには少なくとも (ただし、これに限定されません) title タグ (4a249f0d628e2318394fd9b75b4636b1-4e9ee319e0fa4abc21ff286eeb145ecc) が含まれ、d8eccd9ed644b68a6460a2bb84548c82 タグも含めることができます。、ロゴ、検索フォーム、c787b9a589a3ece771e842a6176cf8e9ナビゲーションなど。

<header>  
 <h1>1</h1>  
 <p>专注于web前端开发</p>  
</header>  
<article>  
 <header>  
  <h1>html5语义化标签之结构标签</h1>  
  <p>article、section、hgroup、aside、nav...</p>  
 </header>  
 <p>...这里面包含很多东西...</p>  
</article>

上記の構造では、ヘッダーを使用して記事のタイトルとコンテンツを定義していることがわかります。ここで使用するheaderタグはページのヘッダーではなく、記事のヘッダーです。

そのため、HTML5 ではヘッダーの使用がより柔軟になり、ニーズに応じて document 構造を定義して編成できます。

同様に、ページを構成する場合、ヘッダータグは通常ページの上部に配置されますが、左、右、さらには下に配置する場合でも、タグはその役割を定義するだけで問題ありません。場所ではなくページ上で。もちろん、これは検索エンジン最適化の原則に基づいており、重要なコンテンツはページを構成するときに最終的に進められます。
最後に、ヘッダーはHTML5のブロック要素であるため、ほとんどの主流ブラウザで使用したい場合は、次のようにCSSを定義するのが最善です。

header { display:block;}

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。