figure要素

このエントリーをはてなブックマークに追加

figure要素はコンテンツに対する注釈(挿絵、図表、写真、コードなど)をマークアップするための要素です。

figure要素でマークアップする内容は、それ単体で意味を完結するものでなくてはいけません。また、取り除いてもコンテンツの意味が通じるものでなくてはいけません。

<figure>
	<img src="sample.jpg" alt="2013年の売上グラフ">
</figure>

figure要素の冒頭もしくは最後にfigcaption要素を用いてキャプションを指定することができます。

<figure>
	<figcaption>2013年の売上グラフ</figcaption>
	<img src="sample.jpg" alt="">
</figure>

figure要素はIE8以下では非対応な為、CSSでスタイリングできません。figure要素を利用する場合はhtml5shivを利用するなどしてください。

参考URL

4.5.11 The figure element - W3C

登録日 : 2013年09月03日 最終更新日 : 2013年9月5日

同じカテゴリー(グルーピング)のエントリー

検索

スポンサードリンク

バージョン

リファレンス