TABLES - CSS: Professional Techniques for Modern Layout - page 207

Consider the following markup:

< table>
< thead>
< tr>
< th> </ th>
< th>Pageviews< / th>
< th>Visitors </ th>
</ tr>
</ thead>
< tbody>
< tr>
< th>January 2010</ th>
< td> 1,367,234</ td>
< td> 326,578</ td>
</ tr>
< tr>
< th>February 2010</ th>
< td> 1,491,262</ td>
< td> 349,091</ td>
</ tr>
</ tbody>
</ table>

Note that each row in the tbody starts with a th element. h ose are row headers. As a
human, you can infer that they relate to the data that follows them in the row. Even a browser
might be able to draw that inference. Still, it's better to be explicit, like this:

209

< table>
< thead>
< tr>
< th> </ th>
< th scope="col">Pageviews< / th>
< th scope="col">Visitors </ th>
</ tr>
</ thead>
< tbody>
< tr>
< th scope="row">January 2010</ th>
< td> 1,367,234</ td>
< td> 326,578</ td>
</ tr>
< tr>
< th scope="row">February 2010</ th>
< td> 1,491,262</ td>
< td> 349,091</ td>
</ tr>
</ tbody>
</ table>