怎么让ie浏览器支持html5

html-css08

怎么让ie浏览器支持html5,第1张

让ie浏览器支持html5标签

HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section,article,header等HTML5标签。自己最近在写响应式布局的范例,里面也使用到了header等标签。还是比较希望能够做成兼容“旧版浏览器”的,在此和大家共享一下,如何让旧浏览器支持HTML5新增标签。

HTML5 新标签兼容旧版本浏览器的方法

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

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

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

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

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

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

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