HTML:我应该为主图片创建一个部分吗?

时间:2016-08-20 21:12:36

标签: html css

我在页面顶部有一个主图像。为了简单起见我的样式表/布局,我将它放在它自己的部分:

<section class="container page-intro boxed-none">

    <figure>
        <img class="width100" src="article-image.png" alt="Template Article" />
    </figure>

</section>

当我使用W3C验证器时,它表明某个部分有标题。我的HTML是这样的标记,还是应该修改它?

1 个答案:

答案 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