articleタグとは?|ブログ記事など内容が独立したコンテンツを表す

articleタグとは?|ブログ記事など内容が独立したコンテンツを表す
リンゴ
今回は、ブログ記事などの自己完結したコンテンツを表す<article>タグについて解説します!
 
 
リンゴ
リンゴ
ブログを書くことが大好きな少年。
世界にたった一つのWordPressテーマを作るため、HTML/CSSについて日々勉強中!

スポンサーリンク

<article>タグとは

 

<article>

対応ブラウザInternet Explorer / Firefox / Google Chrome / Safari / Opera
分類フロー・コンテンツ / セクショニング・コンテンツ / パルパブル・コンテンツ
利用場所フロー・コンテンツが期待される場所
内容フロー・コンテンツ


 
 
<article>タグは、ニュースサイトの記事やブログ記事のように、独立し、それだけで完結しているコンテンツを表す際に使用するタグです。
この他にも掲示板での投稿、ブログ記事へのコメント、ウィジェットなど多くの場所で利用されています。
 
 
リンゴ
<article>タグは、HTML5から新たに追加されたタグです。
 
 
<article>タグを入れ子にして使用する場合、内側の<article>タグの内容は、原則として外側の<article>タグの内容に関連していなければいけません。
例えば、<article>タグで囲んだブログ記事の内側に、<article>タグで囲んだコメントを入れ子として配置することで、そのコメントがそのブログ記事に対して投稿されたものであるということを表すことができます。
 
 

使用例

 
 

表示例

ビートルズのメンバー

ビートルズはジョン・レノン、ポール・マッカートニー、ジョージ・ハリスン、リンゴ・スターの4人から成るイギリスのロックバンドです。

コメント

世界で最も有名な4人の天才ですね!

投稿者:リンゴさん

 
 

まとめ

<article>タグは、ブログ記事のような自己完結しているコンテンツを表す際に使用するタグです。
 
 

リンゴ
ブログを書くうえで知っておきたいタグですね。
 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








articleタグとは?|ブログ記事など内容が独立したコンテンツを表す