HTML 5是新标签header / nav / aside / section等容器，例如div吗？

Question

如标题所述，我是否必须在DIV中使用这些新标签，或者它们本身就是DIV？

Answer 1

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

部分–用于将与主题相关的内容组合在一起。 听起来像div元素，但事实并非如此。 div没有语义。 在用section元素替换所有div之前，请始终问自己：“所有内容都相关吗？”

放在一边-用于切线相关的内容。 仅因为某些内容出现在主要内容的左侧或右侧，还不足以使用aside元素。 问问自己，是否可以在不降低主要内容含义的情况下删除其中的内容。 引号是切线相关内容的一个示例。

标头–标头元素与标头（或标头）的一般公认用法之间存在至关重要的区别。 页面中通常只有一个标题或“标头”。 在HTML5中，您可以拥有任意数量的内容。 规范将其定义为“一组入门或导航帮助”。 您可以在网站上的任何部分使用标题。 实际上，您可能应该在大多数部分中使用标题。 规范将section元素描述为“内容的主题分组，通常带有标题”。

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

页脚-听起来像是位置的描述，但不是。 页脚元素包含有关其包含元素的信息：编写者，版权，相关内容的链接等。尽管我们通常在整个文档中都有一个页脚，但HTML5允许我们在各节中也包含页脚。

Answer 2

<header>

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

元素通常包含：

一个或多个标题元素（-）徽标或图标的作者信息您可以在一个文档中包含多个元素。

注意： <header>标记不能放在或其他元素中。

---

<nav>

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

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

---

<aside>

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

---

<section>

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

---