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

黄舟

リリース： 2017-02-23 14:23:03

オリジナル

2603 人が閲覧しました

タグは、ドキュメントのヘッダー (通常は何らかのガイダンスとナビゲーション情報) を定義します。 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を定義するのが最善です。