最終更新日 2021年4月7日

figcaption要素

figcaption要素は、親要素であるfigure要素の、コンテンツグループの見出しを表します。figcaption要素は、figure要素内の最初か末尾に1つだけ使用します。

HTML5での変更点

・figcaption要素は、HTML5で追加された新しい要素です。

カテゴリ	タグの省略	親要素	子要素
なし	省略不可	figure	Flowコンテンツ

属性	値	説明
グローバル属性	-	-
イベント属性	-	-

サンプルコード

<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>マクドエイド</title>
  </head>
  <body>
    <p>新発売の「トマトビッグチキン」です。</p>
    <figure>
      <figcaption>トマトビッグチキン</figcaption>
      <img src="tomatobigchicken.jpg" alt="トマトビッグチキン">
    </figure>
  </body>
</html>

参考文献：W3C HTML5「4.5.12 The figcaption element」

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。