html5のdiv、セクション、記事の違いの詳細な説明

この記事では、主にhtml5のdiv、セクション、記事の違いの詳細を紹介します。 W3Cから引用され、コードの例がリストされています。それを必要とする友達はそれを参照できます。

私が最初にHTML5と接触し始めたとき、私はそのタグに非常に不快になり、ある時点で少しうんざりしました。特にDiv、セクション、記事タグについては、どのような機会を使用するかを本当に把握できません。

HTML仕様：

Div要素には、特別な意味はまったくありません。

このタグは、最もよく使用され、最もよく使用されているタグです。セマンティクス自体はなく、レイアウトとスタイリングまたはスクリプトのフックとして使用されます。

HTML仕様：セクション要素は、ドキュメントまたはアプリケーションの汎用セクションを表します。このコンテキストのセクションは、通常は見出しのあるコンテンツのテーマのグループ化です。

Divのセマンティクスとは対照的に、単純なセクションはセマンティクスを備えたDivですが、それほど単純だとは思わないでください。セクションは、通常はタイトルのあるトピックコンテンツのセクションを表します。これを見た後、ブログの投稿や別のコメントがセクションを使用するのが適切ではないと思うかもしれません。次の外観：

著者は、要素の内容をシンジケートするのが理にかなっている場合、セクション要素の代わりに記事要素を使用することをお勧めします。

要素の内容がより意味がある場合、記事を使用してセクションを置き換える必要があります。

では、セクションはいつ使用する必要がありますか？見てみましょう：

セクションの例は、章、タブ付きダイアログボックスのさまざまなタブページ、または論文の番号付きセクションです。 Webサイトのホームページは、紹介、ニュース項目、連絡先情報のためにセクションに分割される可能性があります。

セクションアプリケーションの典型的なシナリオには、記事の章、タグダイアログボックスのタブページ、または論文の番号付きパーツが含まれます。ウェブサイトのホームページは、紹介、ニュース、連絡先情報などのいくつかの部分に分けることができます。実際、私はここで情報を伝えることに非常に興味があります。なぜなら、以下に紹介するセクションとアーティルスがモジュラーアプリケーションにより適していると感じているからです。このトピックについては、将来説明します。今のところここでスキップします。

W3Cも警告していることに注意してください：

セクション要素は、一般的なコンテナ要素ではありません。スタイリングの目的で、またはスクリプトの便利さとして要素が必要な場合、著者は代わりにdiv要素を使用することをお勧めします。一般的なルールは、要素の内容がドキュメントのアウトラインに明示的にリストされる場合にのみ、セクション要素が適切であることです。

セクションは、単なる通常のコンテナタグ以上のものです。タグがスタイリング用またはスクリプトで使いやすい場合は、Divを使用する必要があります。一般的に、セクションは、要素コンテンツがドキュメントの概要に明示的に表示されるときに適用されます。