HTML5、CSS3新特性

1.HTML5

一：canvas 标签

your browser does not support the canvas tag

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

渲染结果：

通过这个元素你可以绘制你想要的图案。

二：video标签​​

your browser does not support the video tag   //可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

video 标签具有以下属性：

1.autoplay:如果出现该属性，则视频在就绪之后马上播放

2.controls:如果出现该属性，则向用户显示控件，比如播放按钮

3.height：设置视频播放器高度

4.loop：如果出现该属性，则会重复播放

5.preload：如果出现该属性，则视频在页面加载时进行加载