w3c html验证错误 - 部分缺少标题。考虑使用h2-h6元素为所有部分添加标识标题

Question

当我尝试在http://validator.w3.org中验证我的网页时收到警告：

  

科缺乏标题。考虑使用h2-h6元素为所有部分添加识别标题。

我的代码如下：

<section id="slider-wrapper-new">
    <div class="slider-container-new">
        // some code..
    </div>
</section>

如何删除此错误？我是否必须在标题内添加h1 - h6标记？

Answer 1

或者：

1. 向您的h1元素添加标题（h6，...，section）标记。
2. 将section元素替换为div元素。
3. 忽略警告。根据{{​​3}}（突出显示我的），您看到的消息是非规范性使用建议：

     

   每个section 的主题应标识，通常由   包含标题（h1 - h6元素）作为section的子元素   元件。

  

Answer 2

您的代码有效（如果您使用结束</section>代替</div>）。

W3C验证程序报告警告，而不是错误。

虽然为每个切片内容元素提供标题很有用，但它是not required。

使用切片内容元素时防止此警告的唯一方法是通过提供标题内容元素来遵循建议。如果您使用的是div，那么您的文档大纲会有所不同，并且可能是错误的（如果您首先正确使用了section）。

Answer 3

你必须在你的部分放置一个h1，h2，h3：

<section id="slider-wrapper-new">
 <div class="slider-container-new">
  <h3>My Title</h3>
    // some code..
 </div>