The Web Design Group

CAPTION−テーブル表題

構  文 <CAPTION>...</CAPTION>
属性仕様
  • ALIGN=[ top | bottom | left | right ] (caption alignment)
  • 共通属性
取る内容 インライン要素
内容になる TABLE

 CAPTION要素はtable captionを定義します。使うなら、 CAPTIONは、 TABLEで一番先にこなければなりません。 インライン要素e.g.STRONG)だけが、 CAPTION内で使います。

 適切な表題は、テーブルの短い見出しの役をはたします。簡潔なテーブルでは、この表題は概要(summary)にもなりますし、より複雑なテーブルでは CAPTIONを概要で補うこともできます。それには、 TABLE's SUMMARY属性を記載するか TABLE外のパラグラフ内に記載します。以下の例は、 CAPTIONで見出しとテーブルの概要を提供してしている簡単なテーブルです。

<TABLE>
  <CAPTION>Common Usenet Abbreviations</CAPTION>
  <THEAD>
    <TR>
      <TH>Abbreviation</TH>
      <TH>Long Form</TH>
    </TR>
  </THEAD>
  <TBODY>
    <TR>
      <TD>AFAIK</TD>
      <TD>As Far As I Know</TD>
    </TR>
    <TR>
      <TD>IMHO</TD>
      <TD>In My Humble Opinion</TD>
    </TR>
    <TR>
      <TD>OTOH</TD>
      <TD>On The Other Hand</TD>
    </TR>
  </TBODY>
</TABLE>

 次の例では、 TABLESUMMARY属性を使って、 CAPTIONを補っています:

<TABLE SUMMARY="This table gives the character entity reference,
                decimal character reference, and hexadecimal character
                reference for symbols and Greek letters.">
  <CAPTION>Symbols and Greek Letters in HTML 4.0</CAPTION>
  <COLGROUP>
  <COLGROUP SPAN=3>
  <THEAD>
    <TR>
      <TH SCOPE=col>Character</TH>
      <TH SCOPE=col>Entity</TH>
      <TH SCOPE=col>Decimal</TH>
      <TH SCOPE=col>Hex</TH>
    </TR>
  </THEAD>
  <TBODY>
    <TR>
      <TD SCOPE=row>Latin small f with hook</TD>
      <TD>&amp;fnof;</TD>
      <TD>&amp;#402;</TD>
      <TD>&amp;#x192;</TD>
    </TR>
    ...
  </TBODY>
</TABLE>

 CAPTION旧式なる(deprecated)ALIGN属性は、テーブルと表題との相対的な位置を特定します。 取り得る値としては、 top(初期値)・ bottomleftそして rightです。

その他の情報