html - 将文本悬停在表格标题单元格中

Question

是否有一种语义正确的方式在表格标题单元格中显示工具提示来解释有关列数据的某些内容？

我的表如下所示：

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

我希望“Pageviews”文本有一个工具提示，上面写着“Week / Total”（解释为什么数据看起来像这样）。

abbr我可以使用正确的元素吗？（看起来像这样：<th><abbr title="Week / Total">Pageviews</abbr></th>我似乎找不到更好的。定义说它应该用于缩写，这不是我的情况。

Answer 1

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

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

<caption/>出于可用性和用户体验的目的，我强烈建议在表格下方添加一个包含此类数据的数据！