【问题标题】:W3C validation says h1 in article is invalidW3C 验证说文章中的 h1 无效
【发布时间】:2014-11-17 17:13:05
【问题描述】:

我正在通过 W3C 验证服务运行我的网站。我收到以下 HTML 的错误消息:

<section class="about">
  <article>
    <header>
    <h1>Mission</h1>
    </header>
    <div class="content">
      <p>bla bla bla</p>
    </div>
    <aside>
      <img src='/images/logo-hse-250x250.png' />
    </aside>
  </article>
</section>

W3C 验证错误是:

考虑将h1 元素仅用作顶级标题(所有h1 元素都被许多屏幕阅读器和其他工具视为顶级标题)。

<h1>Mission</h1>

我认为 HTML5 允许在一个页面上使用多个 h1 标记。并且h1 标签可以在article 元素中使用。

有人知道为什么 W3C 不验证这个 HTML 吗?

【问题讨论】:

  • 它没有说“无效”,而是说“考虑使用...”,这不是错误,而是警告。在我向img 添加alt 属性后,检查器报告“上传的文档已成功检查为HTML5。”
  • 旁注:如果此section 不包含除article 之外的任何其他内容,则此section 可能不应该存在。
  • 感谢大家的反馈。 @unor,是的,我也是这么想的,所以我删除了所有不必要的部分元素。然后当然我有一些布局修复要做,但现在已经解决了。

标签: html w3c-validation


【解决方案1】:

&lt;h1&gt; 标签必须用作顶级标题,即作为页面标题/标题。你是W3C Reference

那是因为SEO目的;确保以最佳方式格式化内容以帮助搜索引擎索引;并且因为技术上的正确性;确保根据适当的 W3C spec 编写标记。

根据你的页面结构,你可以使用多个,但最好不要使用多个&lt;h1&gt;标签

【讨论】:

  • 你给的“W3C参考”是八年的!您所指的“W3C 规范”没有说明 H1 的使用,只是它的语法。关于 SEO,您需要更新您对该主题的了解。多年来,搜索引擎已经成功地索引了没有 H1 标签和多个 H1 标签的页面,非常感谢,这些天他们不需要标记部门的太多帮助。事实上,他们可能在某些情况下忽略标记以避免关键字垃圾邮件等。最后,恐怕您对HTML5下的H1新语义的理解非常缺乏。我建议您对此有所了解。
【解决方案2】:

那里使用h1有效。

W3C Markup Validator 确实报告了警告,而不是错误。如果您愿意,可以忽略警告。

到处都是HTML5 spec "encourages" authors to use "headings of the appropriate rank" 而不是h1。但鼓励不是规范要求。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-07-22
  • 1970-01-01
  • 2014-04-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多