HTML5 常用的结构化标签整理

标签：

结构化标签优点：

1、方便浏览器处理和识别，提升了网页的质量和语义。

2、减少了大量无意义的div标签，增强代码的可读性。

结构化标签：（header，nav，body，article，section，aside，hgroup,figure,figcaption,footer）

<article>定义外部的内容，可以是一篇新的文章

<aside>定义article以外的内容，aside的内容可用作文章的侧边栏

<figure>用于对元素进行组合，使用figcaption元素为元素组添加标题

<figcaption>定义figure元素的标题

<footer>定义section或文档的页脚

<header>定义文档的页眉

<hgroup>用于对section或网页的标题进行组合，使用figcaption元素为元素添加标题

<nav>定义导航链接的部分

<section>定义文档的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

<time>定义日期或时间，或者两者。

HTML5的文档结构

1 <header>...</header>
2 <nav>...</nav>
3 <article>
4 　　<section> ... </section>
5 </article>
6 <aside>...</aside> 
7 <footer>...</footer>

1 <figure id="fig2">
2   <legend>Figure 2. Install Mozilla XForms dialog</legend>
3   <img alt="A Web site is requesting permission to install the ollowing item: Mozilla XForms 0.7 Unsigned" src="installdialog.jpg" />
4 </figure>

HTML5 常用的结构化标签整理

标签：

原文地址：http://www.cnblogs.com/zxjwlh/p/4628684.html