将标题混合到HTML中的列表/表格中是否有效?

时间:2014-07-07 14:10:58

标签: html validation accessibility

我经常在网页上遇到这样的内容:

<h1>Main heading</h1>

<h2>Sub heading 1</h2>

<ul>
  <li>
    <h3>Sub sub heading 1</h3>
    <p>Some other content</p>
  </li>
  <li>
    <h3>Sub sub heading 2</h3>
    <p>Some other content</p>
  </li>
</ul>

<table>
  <tr>
    <td>
      <h3>Sub sub heading 3</h3>
      <p>Some other content</p>
    </td>
  </tr>
  <tr>
    <td>
      <h3>Sub sub heading 4</h3>
      <h4>Sub sub sub heading 1</h4>
      <p>Some other content</p>
      <h4>Sub sub sub heading 2</h4>
      <p>Some other content</p>
    </td>
  </tr>
</table>

将标题混合到列表和表格中是否有效?虽然一位失明的朋友认为这有助于他使用屏幕阅读器导航,但这对我来说感觉不对,它打破了线性感的感觉。

1 个答案:

答案 0 :(得分:2)

是的,它在任何版本的HTML中都有效。只需查看litd元素的内容模型,您就会看到标题是允许的。

这是一个好的做法是一个不同的问题,一个意见问题。通常,表格中的标题元素是使用表格进行布局的症状,但也有其他情况(例如,包含两种语言的文本的表格)。 li元素中的标题元素通常是过度使用列表元素的症状。