![HTML+CSS+JavaScript网页制作:Web前端开发(第3版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/108/41865108/b_41865108.jpg)
上QQ阅读APP看书,第一时间看更新
1.6 支持HTML5的浏览器
尽管各主流厂商的最新版浏览器都对HTML5提供了很好的支持,但HTML5毕竟是一种全新的HTML标签语言,许多功能必须在搭建好相应的浏览环境后才可以正常浏览。因此,在正式执行一个HTML5页面之前,必须先搭建支持HTML5的浏览器环境,然后检查浏览器是否支持HTML5标签。
谷歌公司开发的Chrome浏览器在稳定性和兼容性方面都比较出色,本书所有的应用实例均是在Windows 7操作系统下的Chrome浏览器中运行的。
【例1-1】 制作简单的HTML5文档,检测浏览器是否支持HTML5,在浏览器中的显示效果如图1-19所示。
![](https://epubservercos.yuewen.com/3CD032/21889224408630006/epubprivate/OEBPS/Images/21_01.jpg?sign=1738903241-mAlSwbBheWSKLMW9O9JST6Vm9puelHna-0-c137c08ebc10bd35ed885221ef4dfa89)
![](https://epubservercos.yuewen.com/3CD032/21889224408630006/epubprivate/OEBPS/Images/21_02.jpg?sign=1738903241-KLlNnhYZIcTxx0m0LPwlCSLzoBwswDWs-0-88f9db9f68f013cff6ad6eddf0b7863d)
图1-19 例1-1页面显示效果
【说明】在HTML页面中插入一段HTML5的canvas画布标签,若浏览器支持该标签,将显示一个矩形;反之,则在页面中显示“该浏览器不支持HTML5”的提示。