| CARVIEW |
Select Language
HTTP/2 200
date: Sun, 12 Oct 2025 04:37:43 GMT
content-type: text/html; charset=utf-8
content-encoding: gzip
x-origin-cache: HIT
last-modified: Wed, 08 Oct 2025 11:40:24 GMT
access-control-allow-origin: *
expires: Sun, 12 Oct 2025 04:39:38 GMT
cache-control: max-age=600
x-proxy-cache: MISS
x-github-request-id: A3D4:157D28:199BC7D:1B3A60A:68E7F236
via: 1.1 varnish
x-served-by: cache-iad-kjyo7100043-IAD
x-cache: MISS
x-cache-hits: 0
x-timer: S1760031287.650881,VS0,VE26
vary: Accept-Encoding
x-fastly-request-id: 5e593d9607644b9dc099399ff337771b1634eda2
x-backend: www-mirrors
x-request-id: 98bfa174adfb25fb
strict-transport-security: max-age=15552000; includeSubdomains; preload
content-security-policy: frame-ancestors 'self' https://cms.w3.org/ https://cms-dev.w3.org/; upgrade-insecure-requests
cf-cache-status: HIT
set-cookie: __cf_bm=6rc5wGLCvP3.x9qmKElIdr2tuWhEWumRLtHQ8QevbX0-1760243863-1.0.1.1-cFeEp7ZNMwAnBhqS3gP8gvYhcdKwATa0Rkq3WZSVZEN9vV2BXPbfSWngrpAtsp7MTOefNisD6KbLrexvKM8cfj1Qem.9SNA9xAbif90Phsk; path=/; expires=Sun, 12-Oct-25 05:07:43 GMT; domain=.w3.org; HttpOnly; Secure; SameSite=None
server: cloudflare
cf-ray: 98d3e74c8f81a403-BLR
alt-svc: h3=":443"; ma=86400
Complete “Table with three headers related to each data cell” Example | Web Accessibility Initiative (WAI) | W3C
Back to Top
Complete “Table with three headers related to each data cell” Example
<table summary="Column one has the location and size of accommodation, other columns show the type and number of properties available">
<caption>
Availability of holiday accommodation
</caption>
<thead>
<tr>
<td></td>
<th id="stud" scope="col">
Studio
</th>
<th id="apt" scope="col">
<abbr title="Apartment">Apt</abbr>
</th>
<th id="chal" scope="col">
Chalet
</th>
<th id="villa" scope="col">
Villa
</th>
</tr>
</thead>
<tbody>
<tr>
<th id="par" class="span" colspan="5" scope="colgroup">
Paris
</th>
</tr>
<tr>
<th headers="par" id="pbed1">
1 bedroom
</th>
<td headers="par pbed1 stud">
11
</td>
<td headers="par pbed1 apt">
20
</td>
<td headers="par pbed1 chal">
25
</td>
<td headers="par pbed1 villa">
23
</td>
</tr>
<tr>
<th headers="par" id="pbed2">
2 bedroom
</th>
<td headers="par pbed2 stud">
-
</td>
<td headers="par pbed2 apt">
43
</td>
<td headers="par pbed2 chal">
52
</td>
<td headers="par pbed2 villa">
32
</td>
</tr>
<tr>
<th headers="par" id="pbed3">
3 bedroom
</th>
<td headers="par pbed3 stud">
-
</td>
<td headers="par pbed3 apt">
13
</td>
<td headers="par pbed3 chal">
15
</td>
<td headers="par pbed3 villa">
40
</td>
</tr>
<tr>
<th id="rome" class="span" colspan="5" scope="colgroup">
Rome
</th>
</tr>
<tr>
<th id="rbed1" headers="rome">
1 bedroom
</th>
<td headers="rome rbed1 stud">
13
</td>
<td headers="rome rbed1 apt">
21
</td>
<td headers="rome rbed1 chal">
22
</td>
<td headers="rome rbed1 villa">
3
</td>
</tr>
<tr>
<th id="rbed2" headers="rome">
2 bedroom
</th>
<td headers="rome rbed2 stud">
-
</td>
<td headers="rome rbed2 apt">
23
</td>
<td headers="rome rbed2 chal">
43
</td>
<td headers="rome rbed2 villa">
30
</td>
</tr>
<tr>
<th id="rbed3" headers="rome">
3 bedroom
</th>
<td headers="rome rbed3 stud">
-
</td>
<td headers="rome rbed3 apt">
16
</td>
<td headers="rome rbed3 chal">
32
</td>
<td headers="rome rbed3 villa">
40
</td>
</tr>
</tbody>
</table>