Caption

Table Caption End Tag: Required Support Key: 2 \| 3 \| 3.2 \| 4 \| IE2 \| *M2A8* \| N1.1	What is it? Attributes Tag Example	Parent/Content Model Tips & Tricks Browser Peculiarities
= Index DOT Html by Brian Wilson [bloo@blooberry.com] =

What is it?: The CAPTION element is an optional table component which displays a caption/title for the table either directly above or below the table. The CAPTION element is contained within the TABLE element, but is used at the same level as the table row element [TR] is.

Common Attributes
%Core%: 2 | 3 | 3.2 | 4 | IE3 | M | N4B2
%Events%: 2 | 3 | 3.2 | 4 | IE4B1 | M | N
%Language%: 2 | 3 | 3.2 | 4 | IE?? | M | N
Specific Attributes
Align
2 | 3 | 3.2 | 4 | IE2 | M2A8 | N1.1: Required? No; Description:
The Align attribute specifies the alignment of the caption relative to the table. Internet Explorer also defines extra Align values for horizontal alignment within the Caption.; Values:
Top, Bottom - regular attributes
Left, Center and Right - extra Internet Explorer 2.0 values for horizontal alignment of data within the table caption.)
VAlign
2 | 3 | 3.2 | 4 | IE2 | M | N: Required? No; Description:
This is an Internet Explorer attribute which takes the place of vertical caption positioning relative to the table.; Values: Top | Bottom

Example
[Using the Simple Table Model]: <table BORDER="2" ALIGN="left" CELLPADDING="5" BORDERCOLOR="#ff0000" WIDTH="75%">
      <caption ALIGN="top">Juggling Capabilities of Waterfront Performers</caption>
      <tr> <th>Juggler</th> <th>Pins</th> <th>Bowling Balls</th> <th>Flaming Baseballs</th> </tr>
      <tr> <td>Bob</td> <td>5</td> <td>2</td> <td>5</td> </tr>
      <tr> <td>Larry</td> <td>2</td> <td>7!!!</td> <td>NA</td> </tr>
      <tr> <td>Julie the Great</td> <td>1</td> <td>2</td> <td>20<br>(She IS great!)</td> </tr>
      <tr> <th COLSPAN=4>NOTE: This is only a small sample</th> </tr>
</table>

Tips & Tricks

The Table model in HTML (even the Simple Table Model) is easily the most complex markup structure in HTML. If you have general questions about this structure see the Table Overview.
Compatibility Tip: To enable Table caption contents to display well on browsers that do not support tables, it is common practice to put either an extra space at the end of each table cell, or even better, put a <br> element at the end of the table cell in each row or caption. This should cause no display problems for browsers that support tables (as there is an implied line break anyway at the end of every table cell) and should greatly improve readability on older browsers. (notice that I have not used this tip in these pages yet because of time constraints. I hope to do this at some point in the future.)

Browser Peculiarities

Internet Explorer changed the intent of the ALIGN attribute in their 2.0 release. They made the ALIGN attribute indicate horizontal alignment of text within the caption (like the ALIGN attribute in TH and TD) rather than the intended use in the specifications to indicate alignment of CAPTION content position relative to the table. The relative-to-table attribute assigned to this duty was a new VALIGN attribute. The reference for the 3.0 version of Internet Explorer does not list the VALIGN attribute anymore and it would appear that it only supports the W3C model, but testing indicates that IE still supports the VALIGN attribute syntax as well.
The W3C Table model lists two additional attributes to ALIGN: Right and Left to allow Captions to be placed to the right or left side of a table. None of the popular browsers seem to support this behavior yet.
The Tables specification says the CAPTION element should always come at the beginning of a table structure (this is to ensure proper rendering in progressive table display.) I have yet to see a browser misbehave if the CAPTION is placed say, just before the end of a table structure. It seems that as long as CAPTION is used at the same level as a table row hierarchy element, things will render fine.

Table Caption