HTML 5要素の紹介
2364 ワード
1、設計補助情報aside要素は、現在のページまたは記事の付属情報部分を表すために使用され、現在のページまたは主要コンテンツに関連する参照、サイドバー、広告、ナビゲーションバー、および主要コンテンツとは異なる他の類似の部分を含むことができる.使用シーン:(1)主な内容の付属情報部分としてarticle要素に含まれ、その内容は現在の文章に関する参考資料、名詞解釈などであってもよい.(2)ページまたはサイトグローバルの付属情報部分としてarticle要素以外で使用する.最も典型的な形式はサイドバーで、その内容は友情リンク、ブログの他の文章リスト、広告ユニットなどです.
2、デザインナビゲーション情報nav要素は、ページナビゲーションとして使用できるリンクグループであり、ナビゲーション要素は他のページまたは現在のページの他の部分にリンクされている.すべてのリンクグループがnav要素に格納されるわけではありません.主な基本的なリンクグループをnav要素に格納するだけです.使用シーン:(1)従来のナビゲーションバー.通常のWebサイトには、現在の画面をWebサイトの他の主要ページにジャンプする役割を果たす異なるレベルのナビゲーションバーが設定されています.(2)サイドバーナビゲーション.現在、主流のブログサイトや商品サイトにはサイドバーナビゲーションがあり、現在の文章や現在の商品から他の文章や他の商品のページにページを移動する役割を果たしています.(3)ページ内ナビゲーション.ページ内ナビゲーションの役割は、このページのいくつかの主要な構成部分の間でジャンプすることです.(4)ページをめくる操作.ページをめくる操作とは、複数のページの前後ページやブログサイトの前後の文章をスクロールすることです.
3、文書article要素を識別して、ドキュメント、ページ内の独立した、完全な、独自に外部に参照できる部分を表す.ブログや新聞の記事、フォーラムの投稿、ユーザーのコメント、独立したプラグインなどです.1つのarticle要素には通常、独自のタイトルがあり、一般的にヘッダー要素の中に置かれ、時には自分の脚注もあります.articleがネストされて使用される場合、内部のarticle要素の内容は外部のarticle要素の内容と関連付けなければなりません.article要素はHTML 5のグローバル属性をサポートします.
4、コンテンツセグメント化section要素は、Webサイトまたはアプリケーションのページ上のコンテンツをパーティション化するために使用されます.1つのsection要素は、通常、コンテンツとそのタイトルから構成されます.シーンの使用:通常、タイトルのあるコンテンツをsection要素でセグメント化します.section要素の役割は、articleのように独立するのではなく、ページ上のコンテンツのブロック化処理であり、隣接するsection要素のコンテンツは、articleのように独立して関連しているべきである.article要素は独立性、完全性を強調し、sectionは相関性を強調します.section要素を使用する上で注意しなければならない問題:(1)section要素を設定スタイルのページコンテナと見なさないでください.このような操作にはdiv要素を使用して実現するべきです.(2)article要素、aside要素またはnav要素が使用条件に合致する場合、section要素は使用しない.(3)タイトルのないコンテンツブロックにsection要素を使用しない.
5、タイトルブロックheader要素は、通常、ページ全体またはページ内の1つのコンテンツブロックのタイトルを配置するために使用される誘導およびナビゲーション作用の構造要素であるが、データテーブル、検索フォーム、または関連するlogoピクチャなどの他の内部偶然を含むこともできるので、ページ全体のタイトルはページの先頭に置くべきである.1つのページでheader要素を複数回使用できます.
6、タイトルグループhgroup要素は、タイトルまたはサブタイトルにグループ化することができ、通常はh 1−h 6要素と組み合わせて使用され、1つのコンテンツブロック内のタイトルおよびそのサブタイトルはhgroup要素によってグループ化することができる.
7、脚注ブロックfooter要素は、親コンテンツブロックにコメントを追加したり、Webページに著作権情報を追加したりするなど、コンテンツブロックの脚注として使用できます.ヘッダー要素と同様に、ページでfooter要素を繰り返し使用することもできます.
8、連絡情報address要素は、文書作成者または文書編集者名、電子メールボックス、実際のアドレス、電話番号など、文書内の連絡情報を定義するために使用され、文書に関連する連絡先のすべての連絡情報を記述することもできる.
2、デザインナビゲーション情報nav要素は、ページナビゲーションとして使用できるリンクグループであり、ナビゲーション要素は他のページまたは現在のページの他の部分にリンクされている.すべてのリンクグループがnav要素に格納されるわけではありません.主な基本的なリンクグループをnav要素に格納するだけです.使用シーン:(1)従来のナビゲーションバー.通常のWebサイトには、現在の画面をWebサイトの他の主要ページにジャンプする役割を果たす異なるレベルのナビゲーションバーが設定されています.(2)サイドバーナビゲーション.現在、主流のブログサイトや商品サイトにはサイドバーナビゲーションがあり、現在の文章や現在の商品から他の文章や他の商品のページにページを移動する役割を果たしています.(3)ページ内ナビゲーション.ページ内ナビゲーションの役割は、このページのいくつかの主要な構成部分の間でジャンプすることです.(4)ページをめくる操作.ページをめくる操作とは、複数のページの前後ページやブログサイトの前後の文章をスクロールすることです.
3、文書article要素を識別して、ドキュメント、ページ内の独立した、完全な、独自に外部に参照できる部分を表す.ブログや新聞の記事、フォーラムの投稿、ユーザーのコメント、独立したプラグインなどです.1つのarticle要素には通常、独自のタイトルがあり、一般的にヘッダー要素の中に置かれ、時には自分の脚注もあります.articleがネストされて使用される場合、内部のarticle要素の内容は外部のarticle要素の内容と関連付けなければなりません.article要素はHTML 5のグローバル属性をサポートします.
4、コンテンツセグメント化section要素は、Webサイトまたはアプリケーションのページ上のコンテンツをパーティション化するために使用されます.1つのsection要素は、通常、コンテンツとそのタイトルから構成されます.シーンの使用:通常、タイトルのあるコンテンツをsection要素でセグメント化します.section要素の役割は、articleのように独立するのではなく、ページ上のコンテンツのブロック化処理であり、隣接するsection要素のコンテンツは、articleのように独立して関連しているべきである.article要素は独立性、完全性を強調し、sectionは相関性を強調します.section要素を使用する上で注意しなければならない問題:(1)section要素を設定スタイルのページコンテナと見なさないでください.このような操作にはdiv要素を使用して実現するべきです.(2)article要素、aside要素またはnav要素が使用条件に合致する場合、section要素は使用しない.(3)タイトルのないコンテンツブロックにsection要素を使用しない.
5、タイトルブロックheader要素は、通常、ページ全体またはページ内の1つのコンテンツブロックのタイトルを配置するために使用される誘導およびナビゲーション作用の構造要素であるが、データテーブル、検索フォーム、または関連するlogoピクチャなどの他の内部偶然を含むこともできるので、ページ全体のタイトルはページの先頭に置くべきである.1つのページでheader要素を複数回使用できます.
6、タイトルグループhgroup要素は、タイトルまたはサブタイトルにグループ化することができ、通常はh 1−h 6要素と組み合わせて使用され、1つのコンテンツブロック内のタイトルおよびそのサブタイトルはhgroup要素によってグループ化することができる.
7、脚注ブロックfooter要素は、親コンテンツブロックにコメントを追加したり、Webページに著作権情報を追加したりするなど、コンテンツブロックの脚注として使用できます.ヘッダー要素と同様に、ページでfooter要素を繰り返し使用することもできます.
8、連絡情報address要素は、文書作成者または文書編集者名、電子メールボックス、実際のアドレス、電話番号など、文書内の連絡情報を定義するために使用され、文書に関連する連絡先のすべての連絡情報を記述することもできる.