- HTML5+CSS3網頁設計
- 黃源 杜柏村 羅少甫
- 513字
- 2020-05-29 12:07:04
1.4 HTML5現狀
1.4.1 瀏覽器的支持力度
隨著HTML5標準的不斷完善和相關技術的不斷發展,目前各大主流瀏覽器對HTML5的支持力度也在不斷提高,表1-3給出了桌面瀏覽器對HTML5的特性支持。
表1-3 桌面瀏覽器對HTML5的特性支持
從上表可以看出,國內的瀏覽器Maxthon得分最高,且與HTML5的兼容性最好,Maxthon采用了基于Trident的內核架構,在運行HTML5時得心應手。
谷歌瀏覽器Chrome使用基于WebKit的內核架構,得分較高,也是市面上運行與展示HTML5的首選瀏覽器。
而大名鼎鼎的IE瀏覽器反而對HTML5的支持稍差,排在了最后。當然,IE隨著版本的不斷變化,相信在日后的表現會越來越好。
此外,在手機瀏覽器對HTML5的支持排行榜中,Chrome25瀏覽器也名列前茅。同樣排名靠前的還有Opera Mobile 12、FireFox Mobile 19等。
相信隨著各大瀏覽器廠商對瀏覽器的不斷完善,各家瀏覽器的擴展規范應該會越來越統一,對HTML5規范的支持會越來越大。
1.4.2 檢查瀏覽器是否支持HTML5標簽
在開發HTML5網頁時,為了實現瀏覽器的兼容性,需要對不同廠商的瀏覽器作功能測試,以便用戶的體驗更好。常見檢測方法可以使用canvas標簽進行網頁測試。
<!DOCTYPE html>
<html>
<head>
<title>這是HTML5網頁</title>
</head>
<body>
<canvas style="background-color:red">瀏覽器不支持canvas標簽。</canvas>
</body>
</html>
用不同的瀏覽器打開該網頁,能夠查看到不同的顯示結果。當瀏覽器不兼容HTML5時會顯示相應的文字。
推薦閱讀
- C++程序設計教程
- 流量的秘密:Google Analytics網站分析與優化技巧(第2版)
- Monkey Game Development:Beginner's Guide
- SQL Server 2012數據庫技術及應用(微課版·第5版)
- 你不知道的JavaScript(中卷)
- Hands-On Natural Language Processing with Python
- 機器學習與R語言實戰
- Python算法詳解
- RESTful Java Web Services(Second Edition)
- Mastering HTML5 Forms
- INSTANT JQuery Flot Visual Data Analysis
- Java EE項目應用開發
- 安卓工程師教你玩轉Android
- Mastering Data Analysis with R
- Learning NHibernate 4