画像・メディア

`<figure>` 図や写真をまとめる

重要度4 / 5

意味

写真や図、コード例などを、本文から独立したまとまりとして示す場合に使います。説明は <figcaption> で付けます。

HTML

<figure>
  <img src="/images/sp-frame.png" alt="スマートフォンの画面の枠" width="300" height="600">
  <figcaption>スマートフォンでの表示例</figcaption>
</figure>

プレビュー（初期表示）

出典: MDN Web Docs（`@mdn/browser-compat-data`）