HTML 5に追加されたマスター構造要素
1131 ワード
article要素
article要素は、ドキュメント、ページ、またはアプリケーション内の独立した完全な外部参照可能なコンテンツを表します.ブログや新聞の記事、フォーラムの投稿、ユーザーのコメント、または独立したプラグイン、または他の独立したコンテンツを使用できます.
article要素はネストして使用できます.(内層のarticleは原則として外層のarticleコンテンツに関連付けられる)
article要素はプラグインを表すために使用できます.(プラグインをページのように見せる)
例を挙げます.
aside要素
aside要素は、現在のページまたは記事の付属情報部分を表すために使用され、現在のページまたは主要コンテンツに関連する参照、サイドバー、広告、ナビゲーションバー、および主要コンテンツとは異なる他の類似の部分を含むことができる.はarticleに含む、主要部である付属情報 である.
nav元素
nav要素は、ページナビゲーションとして使用できる接続グループであり、ナビゲーション要素が他のページまたは現在のページの他の部分にリンクされています.すべての接続グループがnav要素に格納されるわけではありません.主要な基本的な接続グループをnav要素に格納するだけです.
navの適用シーン:従来のナビゲーションバー サイドバーナビゲーション ページ内ナビゲーション ページめくり操作 section要素
section要素は、Webサイトまたはアプリケーションのページ上のコンテンツをブロックするために使用されます.1つのsection要素は、通常、コンテンツとそのタイトルから構成されます.しかしsection要素は普通の容器要素ではありません.コンテナが定義スタイルを指定したり、スクリプトで動作を定義したりする必要がある場合は、section要素ではなくdivを使用することをお勧めします.
通常はタイトルの内容がsection要素を使用することは推奨されません
article要素と混同しないでください
article要素は、ドキュメント、ページ、またはアプリケーション内の独立した完全な外部参照可能なコンテンツを表します.ブログや新聞の記事、フォーラムの投稿、ユーザーのコメント、または独立したプラグイン、または他の独立したコンテンツを使用できます.
article要素はネストして使用できます.(内層のarticleは原則として外層のarticleコンテンツに関連付けられる)
article要素はプラグインを表すために使用できます.(プラグインをページのように見せる)
例を挙げます.
Hello
aside要素
aside要素は、現在のページまたは記事の付属情報部分を表すために使用され、現在のページまたは主要コンテンツに関連する参照、サイドバー、広告、ナビゲーションバー、および主要コンテンツとは異なる他の類似の部分を含むことができる.
nav元素
nav要素は、ページナビゲーションとして使用できる接続グループであり、ナビゲーション要素が他のページまたは現在のページの他の部分にリンクされています.すべての接続グループがnav要素に格納されるわけではありません.主要な基本的な接続グループをnav要素に格納するだけです.
navの適用シーン:
section要素は、Webサイトまたはアプリケーションのページ上のコンテンツをブロックするために使用されます.1つのsection要素は、通常、コンテンツとそのタイトルから構成されます.しかしsection要素は普通の容器要素ではありません.コンテナが定義スタイルを指定したり、スクリプトで動作を定義したりする必要がある場合は、section要素ではなくdivを使用することをお勧めします.
通常はタイトルの内容がsection要素を使用することは推奨されません
article要素と混同しないでください