为什么这个图片又要<figure>？ 我以前不用啊

Question

我在书上看到<header id="header"><hgroup><h1>背包客旅行札记</h1><h4>旅行是一种休息，而休息是为了走更长远的路</h4></hgroup>到底hgroup有什么用好像我取消了也没什么变化啊下面有一段<nav>为什么会放在header id="header"中artical id="travel"为什么section和aside也在其中不能section id= 吗?不能aside id= 吗?

Answer 1

　<hgroup> 标签是 HTML 5 中的新标签。
　　作用如下：
　　<hgroup> 标签用于对网页或区段（section）的标题进行组合。
　　写法如下：
　　使用 <hgroup> 标签对网页或区段（section）的标题进行组合。
　　<hgroup>
　　<h1>Welcome to my WWF</h1>
　　<h2>For a living planet</h2>
　　</hgroup>
　　<p>The rest of the content...</p>

Answer 2

①HTML5出现了很多代表新的语义的标签，就想你说的hgroup、section、aside、figure等等。

②如果你了解布局方式从以前的“table表格布局”到现在注重语义化的布局的转变，你就不会奇怪为什么对多出怎么多看上去有点啰嗦的新标签了。
简单点说，你用div也可以实现像aside等标签的功能，但div这个标签创作出来时，目的很简单，就是创建一个分区(division)，而如果你用div来实现其他功能，就违背了它原来的语义了，这不利于代码的可读性、搜索引擎优化等。

③举点例子：
你问的hgroup元素，语义就是组合网页或区段的标题，修改hgroup样式后，被他包围的h1、h4之类的标题元素就会同时继承他设置的样式。
section、aside：分别是定义节(如章节/页眉) 和定义某内容之外的内容(类似题外话的意思)。
比起在HTML5以前的版本，这些标签都是对页面更细致的设置。HTML5使以前用一个像div那样的元素 来实现多种作用而导致其语义模糊的情况少了很多。