<figure> - 余談

トップ > HTMLリファレンス > <figure>

■ 概要

項目説明
形式<figure>〜</figure>
サポートH5+ / e9+ / Fx4+ / Op11.1+ / Ch1+ / Sa1+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素ブロック要素 / インライン要素

■ 説明

本筋とは直接には関係しない図表やソースコードなどを記述します。

figure要素のキャプションを figcaption要素で指定することができます。figcaption要素は省略可能ですが、記述する場合は、figure要素の子要素の一番最初か、一番最後に記述する必要があります。

figure要素は、本文の流れには直接影響を与えないものと定められており、ブラウザによってはページの右端や別のページへ切り出されるかもしれません。

■ 属性

【一般属性】
属性意味
class=classH5+。クラスを指定します。
id=idH5+。IDを指定します。
style=styleH5+。スタイルシートを指定します。
title=titleH5+。タイトルを指定します。
dir=dirH5+。文字の表示方向を指定します。
lang=langH5+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。

■ 使用例

HTML
<figure>
<figcaption>当時の写真</figcaption>
<img src="picture123.jpg" width=140 height=100>
</figure>

■ 関連項目

<figcaption>

Copyright (C) 2011 杜甫々
初版:2011年6月4日 最終更新:2011年6月4日
http://www.tohoho-web.com/html/figure.htm