定制型网站建设

搭建支持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"的提示。