caption要素とsummary属性で表の説明を示す
XHTMLソース
<table cellpadding="5" border="1" summary="HTML株式会社グループ企業各社の男女別社員数、及びその合計人数一覧表">
<caption>グループ企業各社の社員数一覧</caption>
<tr>
<th>会社名</th>
<td>A社</td>
...中略...
</tr>
</table>
見出し情報が長い場合は省略形を示す
XHTMLソース
<th abbr="男性">男性社員の人数</th>
<th abbr="女性">女性社員の人数</th>
<th>合計</th>
<th abbr="男女比率">企業内における男女の人数比率</th>
行と列のグループ化と各セルの関係性を示す
XHTMLソース
<table cellpadding="5" border="1" summary="HTML株式会社グループ企業各社の男女別社員数、及びその合計人数一覧表">
<caption>グループ企業各社の社員数一覧</caption>
<colgroup id="classification"></colgroup>
<colgroup id="number-of-staff" span="3"></colgroup>
<thead>
<tr>
<th>会社名</th>
<td>A社</td>
<td>B社</td>
<td>C社</td>
</tr>
</thead>
<tfoot>
<tr>
<th>合計人数</th>
<td>46</td>
<td>43</td>
<td>46</td>
</tr>
</tfoot>
<tbody>
<tr>
<th>男性社員</th>
<td>21</td>
<td>20</td>
<td>27</td>
</tr>
<tr>
<th>女性社員</th>
<td>25</td>
<td>23</td>
<td>19</td>
</tr>
</tbody>
</table>
各セルの関係性を明示する
XHTMLソース
<table cellpadding="5" border="1" summary="HTML株式会社グループ企業各社の男女別社員数、及びその合計人数一覧表">
<caption>グループ企業各社の社員数一覧</caption>
<colgroup id="classification"></colgroup>
<colgroup id="number-of-staff" span="3"></colgroup>
<thead>
<tr>
<th scope="row">会社名</th>
<td scope="col" id="company-a">A社</td>
<td scope="col" id="company-b">B社</td>
<td scope="col" id="company-c">C社</td>
</tr>
</thead>
<tfoot>
<tr>
<th id="total">合計人数</th>
<td headers="total company-a">46</td>
<td headers="total company-b">43</td>
<td headers="total company-c">46</td>
</tr>
</tfoot>
<tbody>
<tr>
<th id="boys">男性社員</th>
<td headers="male company-a">21</td>
<td headers="male company-b">20</td>
<td headers="male company-c">27</td>
</tr>
<tr>
<th id="girls">女性社員</th>
<td headers="female company-a">25</td>
<td headers="female company-b">23</td>
<td headers="female company-c">19</td>
</tr>
</tbody>
</table>
W3C仕様書の参照箇所
