figureタグとは?|本文から参照される図版を表す

figureタグとは?|本文から参照される図版を表す
博士
今回は、<figure>タグの使い方について解説するぞ。
 
 
博士
博士
リンゴが師と仰ぐ人物。
毎日HTML/CSSデザインの研究をしており、その知識を余すことなくリンゴに教えてくれる。

スポンサーリンク

<figure>タグとは

 

<figure>

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


 
 
<figure>タグは、文書の本文(メインコンテンツ)から参照される図版であることを表すタグです。
ここで言う図版とは、イラストや図表、写真、ソースコードなどのことです。

図版は本文から参照される内容ですが、本文に影響を与えることなく、ページ内の別の場所、専用ページ、付録などといった別ページに切り離すことができます。
 
 

博士
本文から切り離せない図版には利用できんぞ。
 
 

使用例

 
 

表示例

ファミコンとは、1983年に任天堂が発売した家庭用ゲーム機の愛称で、正式名称は「ファミリーコンピュータ」である。

ファミリーコンピュータ

 
 

まとめ

本文から参照される図版を表す際は、<figure>タグを使います。
 
 

博士
次回は、図版にキャプションを付ける方法を解説するぞ。
 
 
HTML5 タグ図鑑

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

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








figureタグとは?|本文から参照される図版を表す