ウェブランサー

<figcaption> 参照される写真や図表にキャプションを追加する

取り扱い HTML5から追加された要素
カテゴリ なし
親にできる要素 <figure>
子にできる要素 フロー・コンテンツ
対応ブラウザ <figcaption>の対応状況を確認する

<figcaption>タグの説明

<figcaption>は、<figure>要素で指定された写真や図表などの自己完結した内容に対して、キャプションを追加する際に使用します。この要素は必須という訳ではありません。

<figcaption>を用いる場合は、<figure>要素の開始直後に最初の子要素として配置するか、終了間近に最後の子要素として配置します。

<figcaption>タグの特徴

<figcaption>はページ内に複数使うことができます。この要素自体を入れ子構造にすることはできません。

<figcaption>タグに指定できる属性

グローバル属性
基本的に全てのHTML要素に共通で指定できる属性です。

<figcaption>タグの使い方とサンプル

<figcaption>を使ったマークアップのサンプルです。

HTML
<figure>
	<figcaption>この図表のキャプション</figcaption>
	<img src="images/sample.jpg" alt="参照する図表">
</figure>

<figcaption>に関連するHTMLタグ

コンテンツグループ要素
<blockquote> 引用文であることを表す(長文用)
<dd> 定義した用語の説明を記述する
<details> ユーザーのリクエストに応じて追加情報を提供するディスクロージャー・ウィジェットを設置する
<div> ブロックレベル要素としての範囲を指定
<dl> 定義リストであることを表す
<dt> 定義する用語を表す
<figcaption> 参照される写真や図表にキャプションを追加する
<figure> 写真や図表などの自己完結した要素を表す
<hr> 区切り線(罫線)を引く
<li> リストの項目を表示する
<menu> リストをメニューとして扱う
<ol> 順序のあるリストを定義する
<p> 段落を指定する
<pre> ソースを整形済みテキストとして表示する
<summary> 詳細内容(<details>)の要約や概要を設定する
<template> ページ読み込み後にスクリプトの実行によって挿入可能な要素を定義する
<ul> 順序のないリストを定義する