文書内の写真をマークアップするために <figure> 要素を使用します。<figure> 要素には、見出しも設定します:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>
Try it Yourself ❯
<figcaption> タグは、<figure> 要素の見出しを定義します。
<figcaption> 要素は、<figure> 要素の最初、または最後の子として配置することができます。
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<figcaption> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
<figcaption> タグは、HTML5で新しく追加されました。
<figcaption> タグは、HTML のグローバル属性もサポートします。
<figcaption> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:Figcaption オブジェクト
ほとんどのブラウザは、次のデフォルト値を使用して <figcaption> 要素を表示しています:
figcaption {
display: block;
}