Table Head

Support Key: [2|3|3.2|4] [X1|X1.1] [IE3A1|M|N6B1|O4]
What is it?
Attributes
Tag Example
Parent/Content Model
Tips & Tricks
Browser Peculiarities
= Index DOT Html by Brian Wilson =
Main Index | Element Tree | Element Index | HTML Support History



   Quick Statistics   
End Tag:
   Optional
Standards Details:
In all HTML 4.x/XHTML DTDs
XHTML Modules:
Tables
CSS 'display' Type:
"table-row", "table-row-group", "table-header-group"
CSS Mapping:
NA
Default Rendering:
NA
Official Docs:
HTML 4.x, XHTML 1.1

What is it?
This element is part of the Complex Table Model which allows a finer level of control than the Simple Table Model while maintaining backward compatibility with the simpler model. The THEAD element is part of a trio of table grouping elements that organize a series of Table Rows [TR] into Header [THEAD], Body [TBODY] and Footer [TFOOT] sections.

The THEAD and TFOOT section markers are optional, but one or more TBODY sections are always required. If present, each THEAD, TBODY and TFOOT element must contain one or more TR tag grouping. To allow for backward compatibility with the older Simple Table Model, if no TBODY structures exist in a table, the entire set of row groupings [TR] are assumed to be a single TBODY.

The THEAD section is used to duplicate header information when a table must be broken across boundaries (such as printed pages, etc.) or for use as a static heading when TBODY elements are rendered in a scrolling panel. The THEAD section (along with the TFOOT section) is placed before any TBODY sections in the HTML markup to allow browsers to render the header and footer before receiving all of the Table Body [TBODY] data (in case a table must be broken up.)
[NOTE: The suggestion about repeated table headers/footers with printed material is a statement originally from the HTML 4 spec - as of the time of writing, only Mozilla 1.0/Netscape 7.0 does this - maybe this feature will gain wider acceptance in the future.]

Common Attributes
%Core%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O5]
%Accessibility%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6|O]
%Events%
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O4]
%Language%
[2|3|3.2|4] [X1|X1.1] [IE4|M|N6B1|O]
%Editing%
[2|3|3.2|4] [X1|X1.1] [IE5.5|M|N|O]

Specific Attributes
Align
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O4]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This controls the horizontal alignment of text within each of the table cells in the specified grouping.
Values: Left | Center | Right | Justify | Char
BGColor
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O]
Standards Details: NA
Required? No
Description:
This attribute sets the background color to be used for the current table section (Tbody.)
Values: The standard HTML color specification methods.
Char
[2|3|3.2|4] [X1|X1.1] [IE|M|N|O]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This attribute specifies a character in the cell content to be used to align the data in the current cell. The default value for this attribute is the decimal point character for the current specified language. No handling instructions are given for scenarios with multiple occurrences of the same alignment character on a single line.
Values: CDATA.
Charoff
[2|3|3.2|4] [X1|X1.1] [IE|M|N|O]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This attribute specifies the spacing offset to the first occurrence of the alignment character (specified by the CHAR attribute) on each line of the cells within the current cell grouping. The direction of the offset is determined by the current text direction (set with the DIR attribute or the BDO element.) In left-to-right scenarios (default), offset is from the left margin. In right-to-left scenarios, offset is from the right margin.
Values: CDATA. [Integers indicating pixel offset values.]
Valign
[2|3|3.2|4] [X1|X1.1] [IE4B1|M|N6B1|O4]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
Description:
This controls the vertical alignment of text within each of the table cells in the specified grouping.
Values: Top | Middle | Bottom | Baseline
Example
<table border="2" align="left" cellpadding="5" bordercolor="#ff0000"
cols="4" frame="vsides" rules="rows" width="75%">
<caption align="top">Juggling Capabilities of Waterfront Performers</caption>
<thead>
      <tr> <th>Juggler</th> <th>Pins</th> <th>Bowling Balls</th> <th>Flaming Baseballs</th> </tr>
</thead>
<tfoot>
      <tr> <th colspan="4">NOTE: This is only a small sample</th> </tr>
</tfoot>
<tbody>
      <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>
</tbody>
</table>
Parent Model
<table>
Content Model
<tr>
Tips & Tricks Browser Peculiarities
Boring Copyright Stuff...