2. HTML5新增的标签

HTML5新增的标签

• 结构标签
• 多媒体标签
• Web应用标签
• 其他标签

结构标签(块状元素) —— 有意义的div标签，其实它就是div标签只不过是给它附上了一些更多丰富的意义。

1. 标记定义一篇文章

 <article>文章内容</article>

2. 标记定义一个页面或一个区域的头部

<header>头部内容</header>

3. 标记定义导航链接

<nav>导航内容</nav>

4. 标记定义一个区域

<section>区域</section>

5. 标记定义页面内容部分的侧边栏

<aside></aside>

6. 标记用于对网页或区段（section）的标题进行组合。

<hgroup></hgroup>

7. 标记定义一组媒体内容以及他们的标题

<figure></figure>

8. 标签定义figure元素的标题

<figcaption></figcaption>

9. 标记定义一个页面或者一个区域的底部

<footer></footer>

10. 标记定义一个对话框(会话框)

<dialog></dialog> 

标签的权重

• 什么时候嵌套哪一个对我们的代码可读性高

header/section/footer > aside/article/figure/hgroup/nav > div/figcaption

• 不要互相嵌套

header/section/aside/article/footer