Loading article…
HTMLのarticle要素は、 <article>や<article>と同様にセマンティック要素です。HTML5で導入され、サイトやアプリケーションの他の部分とは独立して配信される可能性のある情報を格納するために最も一般的に使用されます。<section><header>
この要素は、ウェブページまたはウェブアプリケーション内の完全な構成要素を表し、独立して配布または再利用できます（たとえば、シンジケーションなど）。これは、フォーラムの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザーが投稿したコメント、インタラクティブなウィジェットやガジェット、またはその他の独立したコンテンツ項目である可能性があります。[ 1 ]<article>
最も基本的な使い方としては、本文とそれに対応するタイトルを以下のように囲むために使用できます。<article>
<article> <h2>ここにタイトルを挿入</h2> <p>ここに段落テキストを挿入</p> </article>フォーラムの投稿やコメントは、通常、タグをネストすることで実装されます。<article>
<article> <header> <h1>エントリタイトル</h1> <p>ヘッダー情報</p> </header> <p>エントリの内容... </p> <article> <header> <h2>著者:ジョン・スミス</h2> <p>コメント情報</p> </header> <p>コメント本文... </p> </article> <article> <header> <h2>著者:ジェーン・ジョンソン</h2> <p> 2番目のコメント情報</p> </header> <p>コメント本文... </p> </article> </article>要素には、 contenteditable、id、 titleなどのグローバルHTML 属性のみが含まれます。[ 2 ]ただし、要素のオプションのブール属性であるpubdate は、と組み合わせて使用されることがよくあります。存在する場合、要素は が公開された日付であることを示します。pubdateは親要素、つまりドキュメント全体にのみ適用されることに注意してください。[ 3 ]<article><time><article><time><article><article>
HTML5 では と の両方が導入されました。どちらもセマンティック タグで、章、ヘッダー、フッターなど、ドキュメント内のセクションを定義します。[ 4 ]要素は実質的に の特殊な種類であり、関連するコンテンツの独立した自己完結型のブロックを指す、より具体的な意味を持ちます。[ 3 ] [ 5 ]<article><section><article><section>
独立したコンテンツをより適切に整理するために、タグの中にタグをネストすることができます。<section><article>
<article> <h2>図形の名前</h2> <p>図形にはいくつかの種類があります... </p> <section> <h4>三角形</h4> <p>三角形に関する情報はこちら</p> </section> <section> <h4>円</h4> <p>円周率の形をしたこれらの不思議な図形は魅力的で... </p> </section> </article>逆に、要素の中に要素をネストすることが適切な場合もあります。例えば、さまざまなテーマの記事が複数掲載されているウェブページの場合などです。<article><section>
<section> <h1>パリ観光に関する記事</h1> <article> <h3>エッフェル塔</h3> <p>高さ12インチ以上… </p> </article> <article> <h3>ルーブル美術館</h3> <p>パリ観光で必見… </p> </article> </section>以下のブラウザはこの要素をサポートしています: [ 6 ]