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

2015-07-23 0:31:28 暂无评论佐罗技术分享 951

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