トップページ  > HTML5  > <article>

★HTML5タグリファレンス

<article> …… 記事であることを示すHTML5から追加
Firefox4 Google Chrome5Google Chrome6 Safari5

<article>タグは、内容が単体で完結するセクションであることを示す際に使用します。 例えば、フォーラムでの投稿、雑誌や新聞の記事、ブログのエントリ、コメントなどです。

<article>を入れ子にして使用する場合、内側の<article>の内容は、原則として外側の<article>の内容に関連していることになります。 例えば、<article>タグでくくられたブログのエントリの内側に、さらに<article>タグでくくられたユーザーコメントを入れ子に配置することで、 そのコメントがそのブログエントリに対して投稿されたものであることを示すことができるでしょう。

この際、ウェブページ内で<address>タグを使って示されている作者情報は、入れ子の内側の<article>の内容にまでは適用されません。

■HTML4.01からHTML5へのバージョンアップによる変更点

article要素は、HTML5から新たに追加された要素です。

■使用例

HTMLソース

<h1>太郎のブログ</h1>

<article>
<h2><a href= "entry99.html">海釣り</a></h2>
<p>今日は海釣りに出掛けた…</p>
<article>
<h2>コメント</h2>
<p>いいですね…</p>
</article>
</article>

<article>
<h2><a href= "entry98.html">ドライブ</a></h2>
<p>今日はドライブに行った…</p>
<article>
<h2>コメント</h2>
<p>はじめまして太郎さん…</p>
</article>
</article>

<address>Posted by 太郎</address>
↓↓↓

ブラウザ上の表示

太郎のブログ

海釣り

今日は海釣りに出掛けた…

コメント

いいですね…

ドライブ

今日はドライブに行った…

コメント

はじめまして太郎さん…

Posted by 太郎
▲ページ先頭へ
トップページ  > HTML5  > <article>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ