一.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>