HTML5支持什么?

html-css021

HTML5支持什么?,第1张

新应用程序接口(API) 除了原先的DOM接口,HTML5增加了更多API如:

1. 用于即时2D绘图的Canvas标签;

2. 定时媒体回放;

3. 离线数据库存储;

4. 文档编辑;

5. 拖拽控制;

6. 浏览历史管理感觉功能强大 。

IE9支持部分,IE10+支持。Chrome3-5支持大部分,Chrome6+支持。iPad3.2+自带浏览器支持大部分。操作方法如下:

1、首先创建一个新的html文件,简单重置样式,添加canvas,给画布一个红色背景。

2、这里用jquery写,所以先引入jquery,可以看到默认下的canvas的画布大小 300*150。

3、编写resizeCnavas方法,用来动态获取并改变canvas的大小。

4、在页面加载完先对canvas进行一次画布的设置。

5、窗口大小发生改变时,动态调用上面的方法。

6、最后再次打开浏览器,就获得了自适应的canvas画布。