【定制型網(wǎng)站建設(shè)】
搭建支持HTML5的瀏覽器環(huán)境
盡管各主流廠商的最新版瀏覽器都對HTML5提供了很好的支持，但HTML5畢竟是一種全新的HTML標(biāo)簽語言，許多功能必須在搭建好相應(yīng)的瀏覽環(huán)境后才可以正常瀏覽。因此，在正式執(zhí)行一個HTML5頁面之前，必須先搭建支持HTML5的瀏覽器環(huán)境，并檢查瀏覽器是否支持HTML5標(biāo)簽。目前，主要有Microsoft的IE系列（僅有IE9及其以上版本）瀏覽器，以及Opera Software的Opera瀏覽器與Google的Chrome瀏覽器。由于Windows XP操作系統(tǒng)下不能安裝IE9，因此本書所有的應(yīng)用實例，主要執(zhí)行的瀏覽器為Opera，其對應(yīng)的版本號為11.62。如果讀者需要運(yùn)行本書中的實例，則要安裝該版本的Opera瀏覽器。
【案例4-1】制作簡單的HTML5文檔檢測瀏覽器是否支持HTML5。
【案例展示】本例文件4-l.html在IE 6瀏覽器中的顯示效果如圖4-3所示，在Opera瀏覽器中的顯示效果如圖4-4所示。
圖4-3在IE 6瀏覽器中的顯示效果 圖4-4在Opera瀏覽器中的顯示效果【學(xué)習(xí)目標(biāo)】掌握HTML5網(wǎng)頁的書寫規(guī)范?！局R要點】掌握支持HTML5的瀏覽器環(huán)境。
代碼如下：
<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畫布標(biāo)簽一>
該瀏覽器不支持HTML5
<／canvas>
<／body>
</html>
【案例說明】在HTML頁面中插入一段HTML5的canvas畫布標(biāo)簽，如果瀏覽器支持該標(biāo)簽時，則顯示一個矩形；反之，則在頁面中顯示“該瀏覽器不支持HTML5”的提示。
