带有是/否数据的Html表?

时间:2014-03-08 14:42:35

标签: html

我需要为具有二进制是/否数据的网站创建HTML表。我也需要一个'是'来打勾。

比如比利确实有驾驶执照,但不住在伦敦。我需要我的桌子看起来像这样:

enter image description here

这是一个语义上正确的解决方案吗?

http://jsfiddle.net/

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Has drivers licence?</th>
            <th>Lived in London?</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Billy</td>
            <td>Yes</td>
            <td></td>
        </tr>
        <tr>
            <td>Alex</td>
            <td></td>
            <td>Yes</td>
        </tr>
        <tr>
            <td>John</td>
            <td>Yes</td>
            <td></td>
        </tr>
    </tbody>
</table>

使用✓而不是'是'在语义上是否正确?我需要CMS可以编辑这些数据,所以我不能用CSS类来设置样式。

1 个答案:

答案 0 :(得分:1)

您可以使用abbr标记来描述✓屏幕阅读器..

<td><abbr title="Yes">✓</abbr></td>

以下是有关此问题的另一个问题:

How to target a braille / screen-reader via CSS