Scenario 1: Summary attribute is used for summary information |
|
Studio |
Apt |
Chalet |
Villa |
| 1 bedroom |
11 |
20 |
25 |
23 |
| 2 bedroom |
- |
43 |
52 |
32 |
| 3 bedroom |
- |
13 |
15 |
40 |
|
<![CDATA[<table summary="Paris: Availability of holiday accommodation">
<thead>
<tr>
<td></td>
<th scope="col"> Studio </th>
<th scope="col"> <abbr title="Apartment">Apt</abbr> </th>
<th scope="col"> Chalet </th>
<th scope="col"> Villa </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> 1 bedroom </th>
<td > 11 </td>
<td > 20 </td>
<td > 25 </td>
<td > 23 </td>
</tr>
<tr>
<th scope="row"> 2 bedroom </th>
<td > - </td>
<td > 43 </td>
<td > 52 </td>
<td > 32 </td>
</tr>
<tr>
<th scope="row"> 3 bedroom </th>
<td > - </td>
<td > 13 </td>
<td > 15 </td>
<td > 40 </td>
</tr>
</tbody>
</table> ]]> |
Scenario 2: Both summary and caption are different |
Paris: Availability of holiday accommodation
|
Studio |
Apt |
Chalet |
Villa |
| 1 bedroom |
11 |
20 |
25 |
23 |
| 2 bedroom |
- |
43 |
52 |
32 |
| 3 bedroom |
- |
13 |
15 |
40 |
|
<![CDATA[<table summary="Column one has the location and size of accommodation, other columns show the type and number of properties available">
<caption style="color: #000000">Paris: Availability of holiday accommodation</caption>
<thead>
<tr>
<td></td>
<th scope="col"> Studio </th>
<th scope="col"> <abbr title="Apartment">Apt</abbr> </th>
<th scope="col"> Chalet </th>
<th scope="col"> Villa </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"> 1 bedroom </th>
<td> 11 </td>
<td> 20 </td>
<td> 25 </td>
<td> 23 </td>
</tr>
<tr>
<th scope="row"> 2 bedroom </th>
<td> - </td>
<td> 43 </td>
<td> 52 </td>
<td> 32 </td>
</tr>
<tr>
<th scope="row"> 3 bedroom </th>
<td> - </td>
<td> 13 </td>
<td> 15 </td>
<td> 40 </td>
</tr>
</tbody>
</table> ]]> |