html5のsectionタグとdivタグの違いについて（例あり）

この記事の主な目的は、HTML5 のセクション タグと div タグの違いを紹介することです。セクションと div の使用法は似ているように見えますが、実際には、場所によってはそれほど違いはありません。相互に変換できますが、一部の場所では変換できないセクションまたは div のみを使用します。 それでは、一緒に記事を読みましょう

まず、HTML 標準で何が書かれているかを見てみましょう。セクションタグ:

各セクションは異なるテーマに対応しています。他人が設定した分割基準ではなく、コンテンツ自体のテーマに注意してください。

セクションの例には、本の章の章、マルチタブ ダイアログ ボックスの各タブ ページ、論文の番号付きセクションなどがあります。 Web サイトのトップページは、紹介、最新コンテンツ、連絡先情報などのセクションに分かれている場合があります。

注: Web ページの作成者は、コンテンツがシンジケートに使用される場合、セクション要素ではなく記事を使用する必要があります。たとえば、ブログのホームページ上のすべてのブログです。別の例は、フォーラム投稿の 1 階、2 階、3 階...n 階です。通常、このコンテンツの各部分は形式は似ていますが、ソースからは独立しています。

注: セクションはユニバーサルコンテナ要素ではありません。スタイル設定またはスクリプト作成のみに使用する場合は、div 要素を使用します。簡単な経験則として、セクション要素は、要素のコンテンツがドキュメントのアウトラインにリストされる場合にのみ使用してください。

次に、html5 のセクションタグと div タグの違いについて説明します:

1. セクションはコンテナとして特別に使用されるタグではなく、div です

セクションではありますが、記事ではなく記事を使用することをお勧めします

記事ではない段落、明確な ID を持つ特別なモジュール コンテナー (ブロックのラッピング専用のコンテナーではありません) として理解できます。

つまり、要素コンテナとしてセクションではなく div が一般的に使用される場合、セクションは役に立たないということですか?若すぎ単純すぎ。

この場合は div よりもセクションを使用する方が良いです

セクションはその名の通り、次のような章です:

<section>
<h1>PHP中文网</h1>
<p>欢迎来到PHP中文网，这里的网址是m.sbmmt.com</p>
</section>

なぜそれが使われるかというと、セクション、記事があります。 、そしてdlはとても快適で、人々にとっても理解しやすく、どこにでもあるdivよりもはるかに優れています。

2. タグを使用するときによくある間違いの 1 つは、HTML5 の