<figure>タグ

<figure>って何?

HTMLの <figure> タグは、写真(画像)や図・表などをまとめるためのタグです。

よく一緒に使うのが <figcaption> というタグで、その写真や図の説明を書くタグです。

  • <figure>:写真や図を入れる「囲み」
  • <figcaption>:その写真の「説明」

よく使うケース

  • 画像+説明
  • 表(table)やコードスニペット+説明
  • イラスト、グラフ、地図 など



なんで使うの?

  • 写真や図の意味がわかりやすくなる
  • 説明(キャプション)をつけられる
  • ウェブページが見やすくなる



ポイント

タグ名なにをするの?
<figure>図・写真・表などを囲むタグ
<figcaption>図・写真の下に説明を書くタグ

コメント