HTML5的重要标记
2013-10-25 10:20
218 查看
<video>[4]标记
定义和用法:
</video> 标签定义视频,比如电影片段或其他视频流。
<audio> 标记
定义和用法
</audio> 标签定义声音,比如音乐或其他音频流。
实例:
一段简单的HTML 5 音频
<audio src="">
您的浏览器不支持 audio 标签。
</audio>
<canvas> 标记
定义和用法:
<canvas> 标签定义图形,比如图表和其他图像。
HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
实例:
通过 canvas 元素来显示一个红色的矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
fillStyle='#FF0000';
fillRect(0,0,80,100);
</script>
定义和用法:
</video> 标签定义视频,比如电影片段或其他视频流。
<audio> 标记
定义和用法
</audio> 标签定义声音,比如音乐或其他音频流。
实例:
一段简单的HTML 5 音频
<audio src="">
您的浏览器不支持 audio 标签。
</audio>
<canvas> 标记
定义和用法:
<canvas> 标签定义图形,比如图表和其他图像。
HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像。
画布是一个矩形区域,您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
实例:
通过 canvas 元素来显示一个红色的矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
fillStyle='#FF0000';
fillRect(0,0,80,100);
</script>
相关文章推荐
- abbr:HTML5中缩略词标记的重要作用
- HTML5重要标记
- [转]漫画:混乱的标记语言XHTML2/HTML5(附中文版翻译)
- 40 个重要的 HTML5 面试题及答案
- HTML5中标记与特殊属性
- 40 个重要的 HTML5 面试问题及答案
- html5 5个重要特性
- 从零开始前端学习[39]:html5中的弹性布局二(移动端响应式实现各种布局,极其重要)
- HTML5 中 40 个最重要的技术点
- 40 个重要的 HTML5 面试问题及答案
- HTML5中的标记方法
- 论述HTML5平台的若干重要特性
- HTML5学习之Canvas标记试例
- 转载:JavaScript实现HTML5重要语言
- H5edu浅谈HTML5语法标记
- 40个重要的HTML5面试题及答案
- 在IE中使用ActiveX控件,需要使用HTML中的标志是<OBJECT>,该标记几个重要的参数特性有:
- Html5中input标记的type属性
- HTML5标签语法介绍及新增标记
- HTML5新增标记