HTML5 におけるヘッダー タグの使用法の簡単な分析

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

「入門またはナビゲーション補助のグループ。」
基本的には「入門ナビゲーション関連の補助コンテンツのグループ」を意味します。文字通り理解すると、header タグはページ ヘッダーのコンテンツを定義するだけでなく、ページ ヘッダーの下にある他のコンテンツの導入も定義できます。これは、従来のページ ヘッダー定義と完全に一致しているわけではありません。
通常、

タグには少なくとも (ただし、これに限定されません) title タグ (

-

) が含まれ、

タグも含めることができます。 、ロゴ、検索フォーム、

ナビゲーションなど。

<header>  

     <h1>雨打浮萍</h1>  

     <p>专注于web前端开发</p>  

    </header>  

    <article>  

     <header>  

      <h1>html5语义化标签之结构标签</h1>  

      <p>article、section、hgroup、aside、nav...</p>  

     </header>  

     <p>...这里面包含很多东西...</p>  

    </article>

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

そのため、HTML5 ではヘッダーの使用がより柔軟になり、ニーズに応じてドキュメント構造を定義および整理できます。

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

header { display:block;}

上記は、HTML5 におけるヘッダー タグの使用法についての簡単な分析です。さらに関連するコンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。