下面我们来一个个介绍每个标签的意义跟用法:
1.<article > 标签
定义和用法: 定义外部的内容. 比如来自一个外部的新闻提供者的一篇新的文章, 或者来自 blog 的文本, 或用户评论, 或者是来自论坛的文本. 亦或是来自其他外部源内容.
实例:
- <article>
- <a href="http://www.apple.com">
- Safari http://www.apple.com%22%3Esafari/ 5 released
- </a>
- <br />
- 7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC, Apple
- announced the release of Safari 5 for Windows and Mac......
- </article>
2.<footer > 标签
定义跟用法: 标签定义文档或节的页脚. 页脚通常包含文档的作者, 版权信息, 使用条款链接, 联系信息等等.(IE 9+, Firefox, Opera, Chrome, and Safari 支持 <footer> 标签.)
实例:
- <footer>
- <p>
- 发表于: W3School
- </p>
- <p>
- 联系信息:
- <a href="mailto:someone@example.com">
- someone@example.com
- </a>
- .
- </p>
- </footer>
3.<header > 标签
定义跟用法: 标签定义文档的页眉 (介绍信息).(IE 9+, Firefox, Opera, Chrome 以及 Safari 支持 <header> 标签.)
实例:
- <header>
- <h1>
- 欢迎来到我的课堂
- </h1>
- <p>
- 我叫 XXX
- </p>
- </header>
- <p>
- 这是个测试代码...
- </p>
4.<nav > 标签
定义跟用法: 标签定义导航链接的部分.(IE 9, Firefox, Opera, Chrome 以及 Safari 支持 <nav> 标签.)
实例:
- <nav>
- <a href="index.asp">
- 首页
- </a>
- <a href="html5_meter.asp">
- 上一页
- </a>
- <a href="html5_noscript.asp">
- 下一页
- </a>
- </nav>
5.<section > 标签
定义跟用法:<section> 标签定义文档中的节 (section, 区段). 比如章节, 页眉, 页脚或文档中的其他部分.
6.<canvas > 标签
定义跟用法: 标签定义图形, 比如图表和其他图像.<canvas> 标签只是图形容器, 您必须使用脚本来绘制图形.(IE 9+, Firefox, Opera, Chrome 以及 Safari 支持 <canvas> 标签.)
实例:
- <canvas id="myCanvas">
- </canvas>
- <script type="text/JavaScript">
- var canvas = document.getElementById('myCanvas');
- var ctx = canvas.getContext('2d');
- ctx.fillStyle = '#FF0000';
- ctx.fillRect(0, 0, 80, 100);
- </script>
其中 canvas.getContext() 定义和用法
getContext() 方法返回一个用于在画布上绘图的环境.
语法
Canvas.getContext(contextID)
参数
参数 contextID 指定了您想要在画布上绘制的类型. 当前唯一的合法值是 "2d", 它指定了二维绘图, 并且导致这个方法返回一个环境对象, 该对象导出一个二维绘图 API.
7.<video > 标签
定义和用法:<video> 标签定义视频, 比如电影片段或其他视频流.(IE 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签.)
属性:
来源: http://www.qdfuns.com/article/36033/b87d513e0082a6b3c945572d85c0d836.html