支持html5的浏览器有哪些

html-css09

支持html5的浏览器有哪些,第1张

目前,支持Html5的浏览器包括Firefox(火狐浏览器)、IE9及其更高版本、Chrome(谷歌浏览器)、Safari、Opera等;国内的傲游浏览器(Maxthon)、以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

拓展:

Html5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队。

HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行,这是首先得解决的一个问题。因此也有许多手机杂志客户端是基于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画布。

如何让静态HTML代码根据不同IE版本显示不同内容。 这里的技巧就是利用IE的HTML注释表达式。

HTML 的注释格式是 <!-- Comment content -->, IE 对HTML注释做了一些扩展,使之可以支持条件判断表达式:

<!--[if expression]>HTML <![endif]--> 当表达式expression 为True 的时候,显示 HTML 内容。

例子:

view plaincopy to clipboardprint?

<!--[if IE 5]>

<p>Welcome to Internet Explorer 5.</p>

<![endif]-->

<!--[if IE 5]>

<p>Welcome to Internet Explorer 5.</p>

<![endif]-->

和编程语言类似,这里的表达式还支持大于(gt)、小于(lt)、 与或非 等操作符。 下面是一些例子。

[if IE] 判断是否IE

[if IE 7] 判断是否是IE7

[if !IE] 判断是否不是IE

[if lt IE 5.5] 判断是否是IE5.5 以下版本。 (<)

[if lte IE 6] 判断是否等于IE6 版本或者以下 (<=)

[if gt IE 5] 判断是否IE5以上版本 (>)

[if gte IE 7] 判断是否 IE7 版本或者以上

[if !(IE 7)] 判断是否不是IE7

[if (gt IE 5)&(lt IE 7)] 判断是否大于IE5, 小于IE7

[if (IE 6)|(IE 7)] 判断是否IE6 或者 IE7

代码示例:

view plaincopy to clipboardprint?

<!--[if IE]><p>You are using Internet Explorer.</p><![endif]-->

<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>

<!--[if IE 7]><p>Welcome to Internet Explorer 7!</p><![endif]-->

<!--[if !(IE 7)]><p>You are not using version 7.</p><![endif]-->

<!--[if gte IE 7]><p>You are using IE 7 or greater.</p><![endif]-->

<!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]-->

<!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]-->

<!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]-->

<!--[if IE]><p>You are using Internet Explorer.</p><![endif]-->

<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>

<!--[if IE 7]><p>Welcome to Internet Explorer 7!</p><![endif]-->

<!--[if !(IE 7)]><p>You are not using version 7.</p><![endif]-->

<!--[if gte IE 7]><p>You are using IE 7 or greater.</p><![endif]-->

<!--[if (IE 5)]><p>You are using IE 5 (any version).</p><![endif]-->

<!--[if (gte IE 5.5)&(lt IE 7)]><p>You are using IE 5.5 or IE 6.</p><![endif]-->

<!--[if lt IE 5.5]><p>Please upgrade your version of Internet Explorer.</p><![endif]-->

注:IE5 以下的版本不支持这种注释扩展。