HTML - figure / figcaption 要素

概要

名前
figure / figcaption
カテゴリー
figure
  • Flow content
  • Sectioning content
  • Palpable content
figcaption
なし
配置できる場所
figure
Flow content が期待される場所。
figcaption
figure 要素の最初の子要素、または最後の子要素。
コンテンツモデル
figure
figcaption 要素、Flow content。figcaption 要素を入れる場合は最初の子要素、または最後の子要素でなければいけない。
figcaption
Flow content
説明
figure
figure 要素は、図表を表すための要素です。要素内容としてはフローコンテンツならば何でも指定することが可能で、figcaption 要素を使ってキャプションを付けることができます。
figcaption
figcaption 要素は、figure 要素で表す図表のキャプション (見出しや説明文など) となる要素です。
タグの省略
figure
開始タグも終了タグも省略できません。
figcaption
開始タグも終了タグも省略できません。
DOM Interface
figure
HTMLElement
figcaption
HTMLElement
仕様書
要素仕様書策定状況コメント
figureLS:現行の標準
REC:勧告
REC:勧告
figcaptionLS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
figure9485.1115.1
figcaption9485.1115.1
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

figure 要素の属性

グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

figcaption 要素の属性

グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

サンプルコード

figure / figcaption 要素のサンプルコードは以下のとおりです。

<figure>
  <img src=" ... ">
  <figcaption> ... </figcaption>
</figure>
figure / figcaption 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
23
Shares:
0
Tag:
HTML
hatebu icon
hatebu