2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

figure要素とは? 分かりやすく解説します!

figure要素の評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




1.figure要素とは?

figure要素はイラスト・図・写真・ソースコードなど図表であることを示す際に使用します。

このfigure要素を使用することによって、コンテンツを一つの単位として区分け可能です。

図表にキャプションや注釈を付けたい場合はfigcaption要素を使用します。




2.figure要素の使い方

それではfigure要素の使い方をみていきましょう。

・・・

<figure>
 <img src="top-image.png" alt="トップ画像">
 <figcaption>HTML&CSS辞典のトップ画像です。</figcaption>
</figure>

・・・

上記の例ではfigure要素でトップ画像を表し、figcaption要素でトップ画像についてのキャプションを記述しています。

このようにfigure要素に対してfigcaption要素を用いることで構造的に整理できます。




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です