|
|
When the information in a table is organised in a structural hierarchy with headings and subheadings, it is said to have logical levels. Each heading and subheading corresponds to a logical level. For complex data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells. Use the correct HTML mark-up for building tables. You should:
The <thead>, <tfoot>, and <tbody> divisions allow browsers to scroll through the contents of the table while keeping the header and footer frozen - even though they are not yet supported by all common browsers. The <thead> and <tfoot> tags contain the <tr> that holds the identifying labels for the table's columns. The <tbody> tag contains the actual rows of data. For simple tables, you can use the scope attribute as follows:
<tr> |
More information An overview of the accessibility guidelines Create tables that transform gracefully Identify row and column headers Use markup to associate data cells and header cells Do not use tables for layout unless the table makes sense when linearized Do not use any structural markup for the purpose of visual formatting |