我有一个WordPress网站,其中包含几篇包含表格数据的博文。这个表格数据很重要,所以我一直在寻找构建一个插件来构建一个站点地图供客人参考,但我不确定是否有正确的解决方案来识别表格的名称或标题。 / p>
在研究中,我已阅读并理解title
attribute是global attribute,这意味着您可以在所有元素上使用它:
<table id="foo" class="bar" title="Hello World">
</table>
和
title
属性表示元素的建议信息, 比如适合工具提示。在链接上,这可能是 目标资源的标题或描述;在图像上,它 可能是图像信用或图像的描述;在...上 一段,它可以是对案文的脚注或评注;在...上 引用,它可能是关于来源的进一步信息;上 交互式内容,它可以是使用的标签或说明 元素;等等。值是文本。
但我也知道name
在阅读Can we give name to html <table>
?后并不符合HTML5标准,但有data-name="Hello World"
。
我进行了进一步的研究:
关于SEO,HTML5合规性和站点地图开发,声明表格的标题或名称的正确方法是什么,因为我在任何模式中找到关于除了使用{{1属性?
答案 0 :(得分:1)
我不确定是否有正确的解决方案来识别名称或 表的标题。
您要找的是<caption>
元素。
工作示例:
table {
width: 500px;
}
table, th, td {
border: 1px solid rgb(191, 191, 191);
}
caption {
line-height: 32px;
font-size: 16px;
font-style: italic;
}
<table>
<caption>I am a table caption</caption>
<thead>
<th>Header Cell</th>
<th>Header Cell</th>
</thead>
<tr>
<td>Data Cell</td>
<td>Data Cell</td>
</tr>
<tr>
<td>Data Cell</td>
<td>Data Cell</td>
</tr>
</table>
进一步阅读:
http://developer.mozilla.org/en/docs/Web/HTML/Element/caption
<强>摘录:强>
HTML <caption>
元素表示表的标题[...]它始终是<table>