html5 标签

一.html 5新添元素

标签	描述
<canvas>	标签定义图形，比如图标和其他图像。
<audio>	定义视频（video 或者 movie）
<source>	定义多媒体资源 <video> 和 <audio>
<embed>	定义嵌入的内容，比如插件。
<track>	为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
<datalist>	定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
<output>	定义不同类型的输出，比如脚本的输出。
<article>	定义页面侧边栏内容
<aside>	定义页面内容之外的内容
<bdi>	脱离父元素的文本方向设置
<command>	定义命令按钮（单选按钮、复选框或按钮）
<details>	用于描述文档或文档某个地方的细节
<dialog>	定义对话框（提示框）
<summary>	包含details元素的标题
<figure>	定义独立的流内容（图像、图表、照片、代码等）
<footer>	定义section或document的页脚
<header>	定义文档的头部区域
<mark>	定义带有记号的文本
<nav>	定义运行中的进度
<progress>	定义任何类型任务的进度
<ruby>	定义ruby注释
<rt>	定义字符的解释或发音
<rp>	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
<section>	定义文档中的节
<time>	定义时间或日期
<wbr>	规定在文本何处适合添加换行符

二.重点使用元素属性及用法

1.<article>

属性：支持html的全局属性；支持html的事件属性。

用法示例：

<article>
  <h1>标题</h1>
  <p> 你已经不算坏人</p>
</article>

2.<aside>

属性：支持html的全局属性；支持html的事件属性。

用法示例：

<aside>
<h4>if</h4>
<p> you don't know i love you so </p>
</aside>

3.<header>

属性：支持html的全局属性；支持html的事件属性。

<header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
</header>

4.<footer>

属性：支持html的全局属性；支持html的事件属性。

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p><time pubdate datetime="2012-03-01"></time></p>
</footer>

5.<nav>

属性：支持html的全局属性；支持html的事件属性。

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

6.<section>

属性：支持html的全局属性；支持html的事件属性。

<section>
  <h1>WWF</h1>
  <p>something in your eyes</p>
</section>

<section>
  <h1>WWF's Panda symbol</h1>
  <p>every body knows now</p>
</section>