HTML5重要标签
2012-12-05 21:32
127 查看
<video>标记
定义和用法:
<video> 标签定义视频,比如电影片段或其他视频流。
<audio> 标记 定义和用法
<audio> 标签定义声音,比如音乐或其他音频流。
实例:一段简单的HTML 5 音频
<audio src="someaudio.wav">您的浏览器不支持 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');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
定义和用法:
<video> 标签定义视频,比如电影片段或其他视频流。
<audio> 标记 定义和用法
<audio> 标签定义声音,比如音乐或其他音频流。
实例:一段简单的HTML 5 音频
<audio src="someaudio.wav">您的浏览器不支持 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');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
相关文章推荐
- html5 总结-新增重要标签及属性
- HTML5新标签的兼容性处理
- html5的a标签使用
- html5语义化标签
- html5 中新添加的标签以及新增表单类型
- 让所有浏览器支持HTML5 video视频标签
- HTML5标签整理六
- html5-表单属性及<!DOCTYPE> 标签
- Angularjs中的标签模式和html5模式
- HTML5 Audio标签方法和函数API介绍
- Html5中常使用的标签总结
- HTML5 语义标签介绍
- 让所有浏览器支持HTML5 video视频标签
- 定义图文并茂的html5新标签-figure、figcaption
- 自定义HTML5 Video 标签
- thymeleaf模板对没有结束符的HTML5标签解析出错的解决办法
- 讲给Android程序员看的前端教程(02)——HTML5标签(1)
- HTML5的新增标签、
- html5中的一些新语义标签
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法zt