備忘録的プログラミングリファレンス

figure, figcaption タグエレメント

 figure タグエレメントは、補足的な説明や解説を示すための HTML タグエレメントです。
 補足的な内容に用い、自己完結型コンテンツといいます。デフォルトでは字下げされて表示されます。

figure, figcaption タグエレメント
<figure>
	<figcaption>補足説明</figcaption>
	<pre>この内容は補足的に使用されます</pre>
</figure>
表示例
補足説明
この内容は補足的に使用されます

実例としては以下が上げられています。

  • annotate illustrations(注釈のイラスト)
  • diagrams(図)
  • photos(写真)
  • code listings(コードリスト)

<figure> エレメントに必要があれば <figcaption> エレメントで注釈を加えることができます。

- ad -

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。

内部コンテンツ(innerHTML)

動作の確認

無料イラスト素材集『Frame illust』から借用しました。

- ad -