HTML 5是新的标签header / nav / aside / section等容器,如div?

时间:2015-04-06 18:40:23

标签: html html5 tags

正如标题所说,我是否必须在DIV中使用这些新标签,或者它们本身就是DIV?

2 个答案:

答案 0 :(得分:0)

这是可以/应该使用每个主要HTML5标签的方式:

  

部分 - 用于将与主题相关的内容分组在一起。听起来像div元素,但事实并非如此。 div没有语义含义。在用截面元素替换所有div之前,总是问自己:“所有内容是否都相关?”

     

旁边 - 用于与切向相关的内容。仅仅因为某些内容出现在主要内容的左侧或右侧是不足以使用旁边元素的原因。问问自己是否可以删除旁边的内容而不降低主要内容的含义。 Pullquotes是切向相关内容的一个例子。

     

标题 - 标题元素与标题(或标头广告)的一般接受用法之间存在重要区别。页面中通常只有一个标题或“标题”。在HTML5中,您可以拥有任意数量的内容。该规范将其定义为“一组介绍性或导航辅助工具”。您可以在网站的任何部分使用标头。实际上,您可能应该在大多数部分中使用标题。该规范将section元素描述为“内容的主题分组,通常带有标题。”

     

nav - 用于主要导航信息。组合在一起的一组链接不足以使用nav元素。另一方面,站点范围的导航属于nav元素。

     

页脚 - 听起来像是对位置的描述,但不是。页脚元素包含有关其包含元素的信息:谁写了它,版权,相关内容的链接等。而我们通常只有一个页脚用于整个文档,HTML5允许我们在部分内也有页脚。

答案 1 :(得分:0)

<强> <header>

<header>元素表示介绍性内容或一组导航链接的容器。

元素通常包含:

一个或多个标题元素( - )徽标或图标作者身份信息您可以在一个文档中包含多个元素。

注意:<header>标记不能放在一个或另一个元素中。


<强> <nav>

<nav>标记定义了一组导航链接。

请注意,并非文档的所有链接都应位于<nav>元素内。 <nav>元素仅适用于主要导航链接。


<强> <aside>

<aside>标记定义了除放置内容之外的一些内容。 旁白内容应与周围内容相关。


<强> <section>

<section>标记定义文档中的部分,例如章节,页眉,页脚或文档的任何其他部分。