【定制型网站建设】
搭建支持HTML5的浏览器环境
尽管各主流厂商的最新版浏览器都对HTML5提供了很好的支持，但HTML5毕竟是一种全新的HTML标签语言，许多功能必须在搭建好相应的浏览环境后才可以正常浏览。因此，在正式执行一个HTML5页面之前，必须先搭建支持HTML5的浏览器环境，并检查浏览器是否支持HTML5标签。目前，主要有Microsoft的IE系列（仅有IE9及其以上版本）浏览器，以及Opera Software的Opera浏览器与Google的Chrome浏览器。由于Windows XP操作系统下不能安装IE9，因此本书所有的应用实例，主要执行的浏览器为Opera，其对应的版本号为11.62。如果读者需要运行本书中的实例，则要安装该版本的Opera浏览器。
【案例4-1】制作简单的HTML5文档检测浏览器是否支持HTML5。
【案例展示】本例文件4-l.html在IE 6浏览器中的显示效果如图4-3所示，在Opera浏览器中的显示效果如图4-4所示。
图4-3在IE 6浏览器中的显示效果 图4-4在Opera浏览器中的显示效果【学习目标】掌握HTML5网页的书写规范。【知识要点】掌握支持HTML5的浏览器环境。
代码如下：
<fdoctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>检查浏览器是否支持HTML5<／title>
<／head>
<body>
<canvas id=”my”width=”200”height=”1 00”style=”border:3px solid #OOf;
background-color:#f00”><f--HTML5的canvas画布标签一>
该浏览器不支持HTML5
<／canvas>
<／body>
</html>
【案例说明】在HTML页面中插入一段HTML5的canvas画布标签，如果浏览器支持该标签时，则显示一个矩形；反之，则在页面中显示“该浏览器不支持HTML5”的提示。
本文地址:
http://www.yishenzhou.com/yes/post/313.html | 分类:导示设计公司 |
次阅读
