HTML5重要标记
2014-01-13 17:16
302 查看
<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的重要标记
- abbr:HTML5中缩略词标记的重要作用
- 千锋HTML5-史上最全HTML5常用标记
- HTML5重要标签
- 用html5标记一段文章模块
- HTML5_插入标记
- html5培训开发 人生一个重要的转折点
- Html5之基础-8 HTML结构标记
- HTML5标记省略 语法规则
- HTML5外包团队-技术分享【使用HTML5的VIDEO标记播放RTSP视频流】
- HTML5中37个最重要的技术点
- html5重要元素
- 利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
- HTML其实就是学习几个重要标记的应用
- html5-完整的表格标记
- HTML5重要知识点
- HTML5新特性及标签标记概要
- THML5的重要标记
- 第二讲 HTML5 标签语法变化和使用概念 HTML5标签语法介绍及新增标记
- HTML5学习笔记2012.12.28——元素标记的省略,具有boolean值的属性,省略引号