HTML Tables & Structured Data

Accessible Data Tables

Tables organize tabular data into rows and columns with semantic header and body sections:

<table>
    <caption>Developer Salary & Tier Breakdown</caption>
    <thead>
        <tr>
            <th scope="col">Role</th>
            <th scope="col">Experience</th>
            <th scope="col">Base Compensation</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Junior Engineer</td>
            <td>0-2 Years</td>
            <td>$75,000</td>
        </tr>
        <tr>
            <td>Staff Engineer</td>
            <td>8+ Years</td>
            <td>$185,000</td>
        </tr>
    </tbody>
</table>