标题属性是否适用于HTML表格,或者是否有特定的解决方案?

时间:2017-08-29 15:11:30

标签: wordpress html5 html-table seo sitemap

我有一个WordPress网站,其中包含几篇包含表格数据的博文。这个表格数据很重要,所以我一直在寻找构建一个插件来构建一个站点地图供客人参考,但我不确定是否有正确的解决方案来识别表格的名称或标题。 / p>

在研究中,我已阅读并理解title attributeglobal 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属性?

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>

的第一个后代