根据HTML5规范,用标题显示列表最清晰的方法是什么?

时间:2014-04-12 17:36:16

标签: html seo accessibility semantics semantic-markup

根据此版本的HTML5规范,我无法找到正确的方式展示以下产品属性:http://www.w3.org/TR/2014/CR-html5-20140204/

List of properties

说明列表中包含<dl>元素。有多维数据的<table>元素。有无序列表的<ul>元素。这些替代方案对我来说都不合适。

为防止臃肿,我只会在我的示例中显示两行属性:

定义列表

<dl>
  <dt>Lampholder</dt>
  <dd>E27</dd>

  <dt>Watt</dt>
  <dd>5W</dd>
</dl>

<dl>看似不对,因为它没有反映属性的行式表示,也没有多个定义。

<table>
  <tr>
    <td>Lampholder</td>
    <td>E27</td>
  </tr>

  <tr>
    <td>Watt</td>
    <td>5W</td>
  </tr>
</table>

<table>似乎不对,因为它不是多维数据。它只是带有标题的属性列表。

无序列表

<ul>
  <li>
    <h5>Lampholder</h5>
    <span>E27</span>
  </li>

  <li>
    <h5>Watt</h5>
    <span>5W</span>
  </li>
</ul>

<ul>似乎不对,因为h*元素应该代表这些列表项明显不属于的部分的标题。标记也没有真正指定<span>是与前一个标题相关的值。

有人可以对此有所了解吗?


暂停:绝对不会同意这是基于意见的。有一个原因有一个规格。 正确使用<h2>元素作为文本段落只是因为你觉得它,所以为什么这是一个没有客观正确答案的问题?

0 个答案:

没有答案