コンテンツ ブロックとは、HTML ページを論理的に分割する単位を指します。ページ型 Web サイトの場合、ナビゲーション メニュー、記事本文、記事コメントなどの各部分をコンテンツ ブロックと呼ぶことができます。
記事要素Article 要素は、外部から独立して参照できる、ドキュメント、ページ、またはアプリケーション内の独立した完全なコンテンツを表します。ブログや新聞の記事、フォーラムの投稿、ユーザーのコメント、スタンドアロンのプラグイン、またはその他のスタンドアロンのコンテンツが可能です。通常、記事要素にはコンテンツに加えて、独自のタイトル (通常はヘッダー要素内に配置) があり、場合によっては独自の脚注もあります。
<article> <header> <h1>タイトル</h1> <p>公開日: <time pubdate=pubdate>2010/10/10</time></p> </header> <p>記事の使い方</p> <footer> <p><small>著作権 @ yiiyaa.net 著作権所有</samll></p> </footer> </article>
注: 記事要素は入れ子にすることができ、原則として内部コンテンツは外部コンテンツと関連付ける必要があります。たとえば、ブログ投稿では、article 要素を使用して記事へのコメントをネストできます。コメントを表示するために使用されるarticle 要素は、コンテンツ全体を表すarticle 要素に含まれます。
ネストされたコードは次のとおりです。
<article> <header> <h1>article 要素の使用方法</h1> <p>公開日: <time pubdate=pubdate>2010/10/10</time></p> </header> <p >This タグには記事全体の主要なコンテンツが表示され、その下のセクション要素には記事に対するコメントが含まれます。</p> <section> <h2>Comments</h2> <article> <header> <h3>発行者: maizi</h3> <p><time pubdate datetime=2016-6-14>1 時間前</time></p> </header> <p>この記事はとても良いです。いいですね！ </p> </article> <article> <header> <h3>発行者: Xiaoni</h3> <p><time pubdate datetime=2016-6-14T:21-26:00>1 時間前</ / time></p> </header> <p>この記事は非常に優れており、記事について詳しく説明しています。</p> </article> </section></article>
サンプルコンテンツはいくつかの部分に分かれており、記事のタイトルは header 要素に配置され、記事のテキストは header 要素の後の p 要素に配置され、section 要素がテキストとコメントを区別します (これはブロック要素です)。ページ上のコンテンツを分割するために使用されます)、セクション内コメントの内容は、各人のコメントが比較的独立して完全な要素に埋め込まれているため、コメントの記事要素はタイトルとコメント部分に分割できます。 header要素とp要素にそれぞれ配置されます。
1. セクション要素は、Web サイトまたはアプリケーションのページ上のコンテンツを分割するために使用されます。セクション要素の機能は、ページ上のコンテンツをセクションに分割するか、記事をセクションに分割することです。
2. 通常、セクション要素はコンテンツとそのタイトルで構成されます。通常、見出しのないコンテンツにセクション要素を使用することはお勧めできません。
3. セクション要素は通常のコンテナ要素ではありません。コンテンツを直接スタイル設定する必要がある場合、またはスクリプトを通じて動作を定義する必要がある場合は、セクション要素の代わりに p を使用することをお勧めします。
4.article、nav、aside 要素がすべて特定の条件を満たす場合は、section 要素を使用してそれらを定義しないでください。
5. セクション要素のコンテンツは、データベースに個別に保存することも、Word 文書に出力することもできます。
<section> <h1>セクション要素の</h1>タイトル <p>セクションブロックのトピック部分</p> </section>
HTML5 では、ナビゲーション バー、メニュー、著作権表示など、ページのすべての従属部分を統合ページに組み込んで、CSS スタイルを使用して装飾できるようにすることができます。最後に、section 要素の使用に関するタブーを以下にまとめます。
1) スタイル設定のためのページコンテナとしてセクション要素を使用しないでください。それは p 要素の仕事です。
2)article 要素、side 要素、nav 要素の使用の方が適している場合は、section 要素を使用しないでください。
3) タイトルのないコンテンツ ブロックにはセクション要素を使用しないでください。
3. 2 つの違い:ここまでいろいろ述べてきましたが、この 2 つの違いは何でしょうか?実際、HTML5 では、article 要素は、section 要素よりも独立性が重視される特殊なタイプの Section 要素とみなすことができます。つまり、section 要素は分割またはチャンク化を強調し、article は独立性を強調します。具体的には、コンテンツが比較的独立していて完全な場合は、article 要素を使用する必要がありますが、コンテンツを複数の段落に分割する場合は、section 要素を使用する必要があります。さらに、HTML5 では、CSS スタイルを使用する場合、p 要素がコンテナーとなり、CSS スタイル全体をこのコンテナーに適用できます。
要約する上記は、編集者によって紹介された HTML5 の記事とセクションの違いです。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！