HTML 4.0 also allows you to explicitly link header information to columns and rows using the "headers" attribute of the <TD> and <TH> elements, e.g.:
Cups of coffee consumed by each senator
Name |
Cups |
Type of Coffee |
Sugar? |
T. Sexton |
10 |
Espresso |
No |
J. Dinnen |
5 |
Decaf |
Yes |
If you use the 'headers' attribute, a browser or screen reader might be able to expose or read the contents of the cells (if the user wishes) like this:
Name: T. Sexton, Cups: 10, Type: Espresso, Sugar: No
Name: J. Dinnen, Cups: 5, Type: Decaf, Sugar: Yes
because each datum is explicitly associated with its appropriate header.
View the markup code that would generate this example.
To Checkpoints for Guideline 5.Next slide: Example for Checkpoint 5.2