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

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

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

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

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

-

) が含まれ、

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

ナビゲーションなど。

<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 サイトの他の関連記事に注目してください。

関連読書:

正規表現を使用してブログガーデンのリストデータを取得する方法

どのような正規表現でハイライトを表示できるか

jqueryのajaxを使用してフォームデータを非同期送信する方法

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