サイト制作
HTMLのcaptionは何のため？表そのものの題名を付ける意味
2026-11-02
この記事には広告・アフィリエイトリンクが含まれます。
captionはHTMLの表に付ける題名です。何の比較か、対象や期間は何かを簡潔に示すと、表を読み始める前に内容を判断しやすくなります。
ページ見出しと表の題名は別の役割
ページの見出しは節の内容を示し、captionは表自体を何の表として読むかを伝えます。
たとえば節が「費用を比較」なら、表には「同じ条件で見積もった月額費用の例」のように対象を示せます。表1だけより、読む前に目的が分かる方が親切ですね。
表の構造と詳しい注記も整える
HTMLではcaptionをtableの最初の子要素として置きます。通常の段落を表の上へ見た目だけ寄せる方法とは、意味の付け方が違います。
ただしcaptionだけで表の読みやすさが完成するわけではありません。行や列の見出しもthなどで適切に示し、項目と数値の対応が分かる構造にします。
captionへすべての注意事項を詰めると、何の表かが埋もれます。目的を簡潔に示し、集計条件や例外の詳しい説明は近くの本文へ分けます。
単位、期間、比較の条件が分かるかも確かめましょう。スマートフォンで横に動かしても見出しとの対応を追えるかまで確認すると、見た目以上の読みやすさにつながります。
