我在页面顶部有一个主图像。为了简单起见我的样式表/布局,我将它放在它自己的部分:
<section class="container page-intro boxed-none">
<figure>
<img class="width100" src="article-image.png" alt="Template Article" />
</figure>
</section>
当我使用W3C验证器时,它表明某个部分有标题。我的HTML是这样的标记,还是应该修改它?
答案 0 :(得分:3)
建议您始终在<section>
中使用标题,但如果您愿意,则无法使用它。
以下是有关如何/应该使用每个主要HTML5标签的一些基本信息(我建议阅读底部链接的完整源代码):
部分 - 用于将与主题相关的内容分组在一起。 听起来像div元素,但事实并非如此。 div没有语义 含义。在使用section元素替换所有div之前,请务必使用 问自己:“所有内容都相关吗?”
搁置 - 用于切向相关的内容。只因为一些 内容出现在主要内容的左侧或右侧是不够的 使用旁边元素的原因。问自己是否内容 在不降低主要含义的情况下,可以删除旁边 内容。 Pullquotes是切向相关内容的一个例子。
标题 - 标题元素和标题元素之间存在重要区别 标题(或标头)的一般接受用法。通常都有 页面中只有一个标题或“标题”。在HTML5中,您可以拥有尽可能多的内容 如你所愿。该规范将其定义为“一组介绍或 导航设备“。您可以在网站的任何部分使用标头。 实际上,您可能应该在大部分内容中使用标题 部分。该规范将section元素描述为“一个主题 内容分组,通常带有标题。“
nav - 用于主要导航信息。一组链接 组合在一起不足以使用nav元素。全网站 另一方面,导航属于nav元素。
页脚 - 听起来像是对位置的描述,但事实并非如此。 页脚元素包含有关其包含元素的信息:who 写了它,版权,相关内容的链接等等我们通常 HTMLO允许我们拥有一个整个文档的页脚 部分内的页脚。
<强>来源:强> http://www.w3schools.com/html/html5_semantic_elements.asp