文章图片标题

检测你的浏览器是否支持html5

分类:html 作者:佐罗 评论:0 点击: 534 次 日期:2015-07-23


HTML 5
1. 功能说明
在HTML页面中插入一段HTML 5画布标记,当浏览器支持该标记时,将出现一个矩形;反之,则在页面中显示“该浏览器不支持HTML 5的画布标记!”的提示。
2. 实现代码
在Dreamweaver CS5中新建一个HTML页面1-1.html,加入代码如代码清单1-1所示。
代码清单1-1 检测浏览器是否支持HTML 5




检测浏览器是否支持HTML 5



    该浏览器不支持HTML 5 的画布标记!
   



3. 页面效果
将页面文件1-1.html在IE 8浏览器中执行。由于IE 8浏览器暂不支持HTML 5的画布标记,因此将显示不能显示的提示。IE 8浏览器不支持HTML 5的画布标记
将页面文件1-1.html在Chrome浏览器中执行。由于该浏览器支持HTML 5的画布标记,因此将显示画布页面效果。
Chrome浏览器支持HTML 5的画布标记4. 源码分析
虽然是同样一个页面,但由于不同的浏览器对HTML 5标记的支持情况不同,其显示的页面效果也各异。因此,在编写HTML 5新标记时,有必要先检测浏览器是否支持该标记。
接下来,我们利用HTML 5结构编写一个简单的程序,从中体会HTML 5的代码简洁所在。




声明: 除非注明,本文属( 佐罗 )原创,转载请保留链接: http://www.tomrrow.com/archives-2790.html