WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <figcaption>「画像や図の表題」

<figcaption> 「画像や図の表題」[読み方:フィグキャプション]

<figcaption>タグは、画像や図形の見出しに使用できます。
<figure>~</figure>内の先頭または最後に記述する必要があります。

HTML規格HTML4.01HTML5
使用可否×
<figcaption>は、HTML5で追加されたタグです
ブラウザ別の対応状況
下記サイトで確認できます。
「Can I use」(英語のサイトです)
広告

<figcaption> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
<figure>
<figure>内の最初または、最後の要素
フローコンテンツ不可

<figcaption> の属性

【構文】
<figure>
<figcaption>~画像や図の表題~</figcaption>
<img src="../images/sample.gif">
</figure>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<figcaption>タグのサンプル

ブログのサンプル
<p>我が家のネコ</p>
<figure>
<figcaption>~名前は”タケル”~</figcaption>
<img src="../../../image/figcaption.gif" width="153"height="215">
</figure>

我が家のネコ

~名前は”タケル”~
ページTOP

留意事項

  • <figcaption>タグは、<figure>タグ内の最初または最後に記述します。
  • <figcaption>タグは、HTML5で追加されたタグのため、対応していないブラウザも多くあります。
    当面は、<div>タグなどで対応した方が良いかも知れません。
    ただし、IE7,IE8なども対応していない場合は画像の左に表題が表示されました。
  • <figcaption>タグを<img>の下に記述すると、画像の下に表題が表示されます。
  • 一般的なブラウザで<figure>はインデントされて表示されます。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン