将鼠标悬停在表格标题单元格中

时间:2014-03-21 14:53:06

标签: html semantics user-experience abbr

是否存在一种在表格标题单元格中显示工具提示的语义正确方法,可以解释有关该列数据的内容?

我的表格如下:

---------------------
| URL   | Pageviews |
---------------------
| url/1 |  5 / 20   |
---------------------
| url/2 |  2 / 14   |
---------------------

我想要" Pageviews"文本有一个工具提示,上面写着"周/总" (解释为什么数据看起来像那样)。

abbr是否适合我使用? (它看起来像这样:<th><abbr title="Week / Total">Pageviews</abbr></th>我似乎找不到更好的。定义说它应该用于缩写,这不是我的情况。

1 个答案:

答案 0 :(得分:2)

HTML5允许您在任何元素上使用“title”属性。 http://dev.w3.org/html5/alt-techniques/是对此类技术的一个很好的总结。

<th title="Week"> Pageviews </th>

我强烈建议在表格下添加<caption/>这些数据,以实现可用性和用户体验!