HTML5 是繼 HTML4.01 和 XHTML1.0 之后的超文本標(biāo)記語言的最新版本。它是由一群自由思想者組成的團(tuán)隊設(shè)計出來，并最終實現(xiàn)多媒體支持、交互性、更加智能的表單，以及更好的語義化標(biāo)記。

HTML5 并不僅僅是 HTML 規(guī)范的最新版本，而是一系列用來制作現(xiàn)代Web 內(nèi)容的相關(guān)技術(shù)的總稱，其中最重要的三項技術(shù)分別為：HTML5 核心規(guī)范(標(biāo)簽元素)、CSS(層疊樣式表第三代)、和 JavaScript。

一．HTML5 的歷史

1993 年 HTML 首次以因特網(wǎng)草案的形式發(fā)布，然后經(jīng)歷了 2.0、3.2 和 4.0，直到 1999年的 HTML4.01 版本穩(wěn)定下來。由于發(fā)展緩慢，逐漸的被更加嚴(yán)格的 XHTML 取代。

XHTML 的興衰史

自從 HTML4.01 版本之后，掌握著 HTML 規(guī)范的萬維網(wǎng)聯(lián)盟(W3C)組織沒有再發(fā)布新的標(biāo)準(zhǔn)，而是圍繞著 XHTML1.0 以及之后的 XHTML2.0 展開工作。XHTML 是基于 XML、致力于實現(xiàn)更加嚴(yán)格并且統(tǒng)一的編碼規(guī)范的 HTML 版本，解決之前 HTML4.01 版本時，由于編碼不規(guī)范導(dǎo)致瀏覽器的各種古怪行為。所以，Web 開發(fā)者對 XHTML 非常的擁護(hù)。XHTML 極大的好處，就是強(qiáng)迫開發(fā)者養(yǎng)成良好的編碼習(xí)慣，放棄 HTML 的凌亂寫法，最終降低了瀏覽器解析頁面的難度，方便移植到更多平臺。

可是，越是想往好的方面發(fā)展，往往可能是帶來的卻是毀滅性的災(zāi)難，世間萬物就是如此。XHTML2.0 規(guī)范了更嚴(yán)格的錯誤處理規(guī)則，強(qiáng)制要求瀏覽器拒絕無效的 XHTML2 頁面，強(qiáng)制 Web 開發(fā)者寫出絕對正確規(guī)范的代碼，同時不得向下兼容，摒棄 HTML 遺留的怪異行為和編碼習(xí)慣。按理說，取其精華、舍其糟粕應(yīng)該是好事。但是，這樣的話，數(shù)億的頁面將無法兼容，Web 開發(fā)者的難度又被加大，并且制定這個標(biāo)準(zhǔn)又太過久遠(yuǎn)，最終被拋棄。

HTML5 的回歸

2008 年 W3C 發(fā)布了 HTML5 的工作草案，2009 年停止了 XHTML2 計劃。又過去大概一年，HTML5 規(guī)范進(jìn)一步解決了諸多非常實際的問題，各大瀏覽器廠商開始對旗下的產(chǎn)品進(jìn)行升級，以便支持 HTML5。這樣，得益于瀏覽器的實驗反饋，HTML5 規(guī)范得到了持續(xù)的進(jìn)步和完善，從而迅速融入到 Web 平臺的實質(zhì)性改進(jìn)中。

和 XHTML2.0 不同，制定 HTML5 規(guī)范的一群人并不想挑出以往 HTML 的各種毛病為其改正，而是盡可能的補(bǔ)全 Web 開發(fā)者急需的各種功能。這些功能包括更強(qiáng)大的 CSS3、表單驗證、音頻視頻、本地存儲、地理定位、繪畫(Canvas)、Web 通信等等。

二．HTML5 的功能

HTML5 到底涵蓋了哪些功能？這些功能到底在主流的瀏覽器支持情況如何？

1.HTML5 核心：這部分主要由 W3C 官方的規(guī)范組成，涉及新的語義元素、新的增強(qiáng)的Web 表單、音頻和視頻、以及通過 JavaScript 繪圖的 Canvas。這部分大多數(shù)主流瀏覽器均得到很好的支持；

2.曾經(jīng)的 HTML5 標(biāo)準(zhǔn)：這部分主要來自于最初制定的 HTML5 規(guī)范，其中大多數(shù)功能需要 JavaScript 且支持 Web 應(yīng)用開發(fā)。比如：本地數(shù)據(jù)存儲、離線應(yīng)用和消息傳遞；

3.非 HTML5 標(biāo)準(zhǔn)：這部分通常指下一代功能，雖然從未進(jìn)入 HTML5 標(biāo)準(zhǔn)，但人們還是會把它認(rèn)做 HTML5 的一部分。這些包括最為常見的 CSS3，以及很熱門的地理定位。

對于最為常用且實用的部分，基本上主流的瀏覽器都支持的比較好。而那些特殊需求的部分，則需要根據(jù)不同的瀏覽器檢測才能知道是否支持自己想要的功能。

三．HTML5 的特點

在 HTML5 發(fā)展的同時，XHTML2.0 也在不斷發(fā)展，那么到底是哪些特點導(dǎo)致 HTML5 取得最終的勝利呢？

1.向下兼容

對于 XHTML2.0 要求遵循規(guī)則，否則不予顯示的方式，HTML5 卻實行“不破壞 Web”的原則。也就是說，以往已存在的 Web 頁面，還可以保持正確的顯示。

當(dāng)然，面對開發(fā)者，HTML5 規(guī)范要求摒棄過去那些編碼壞習(xí)慣和廢棄的標(biāo)簽元素；而面對瀏覽器廠商，要求它們兼容 HTML 遺留的一切，以做到向下兼容。

2.用戶至上

HTML5 遵循“用戶至上”的原則，在出現(xiàn)具體問題時，會把用戶放在第一位，其次是開發(fā)者，然后是瀏覽器廠商，最后才是規(guī)范制定者。比如，開發(fā)者在編碼時不嚴(yán)謹(jǐn)導(dǎo)致本該出現(xiàn)警告或錯誤時，卻正常顯示了頁面。

3.化繁為簡

HTML5 對比之前的 XHTML，做了大量的簡化工作。具體如下：

(1).以瀏覽器的原生能力代替復(fù)雜的 JavaScript；

(2).DOCTYPE 被簡化到極致；

(3).字符集聲明被簡化；

(4).簡單強(qiáng)大的 API。

4.無插件范式

在 HTML5 出現(xiàn)之前，很多功能只能通過插件或 hack(如繪圖 API)來實現(xiàn)，但 HTML5原生提供了這些支持。使用插件有很多問題，具體如下：

(1).插件安裝容易失敗；

(2).插件被瀏覽器或軟件禁用屏蔽(如 Flash 插件)；

(3).插件經(jīng)常會被爆出漏洞被利用攻擊；

(4).插件不容易與 HTML 文檔其他部分集成(比如整體透明化等)。

5.訪問通用性

這個原則分為三個概念：

(1).可訪問性：比如更加利于殘障人士的閱讀方案；

(2).媒體中立：比如 HTML5 的媒體播放在不同設(shè)備或平臺均能正常運行；

(3).支持所有語種：比如新元素。

6.引入語義

HTML5 引入了一些用來區(qū)分不同含義和內(nèi)容的標(biāo)記元素。這種方式極大的提供的編碼人員的可讀性和代碼區(qū)域查詢的便利性。

7.引入原生媒體支持

HTML5 的一次大改進(jìn)救生衣支持在瀏覽器中直接播放視頻和音頻文件，以前都需要借助插件才能實現(xiàn)此類功能。

8.引入可編程內(nèi)容

HTML5 最大的變化就是引入了需要通過 JavaScript 編程才能完全的各種效果，而這些很多都是 HTML5 原生的。那么現(xiàn)在 HTML5 可以理解為 HTML + CSS + JavaScript + API 的總稱。

四．課程學(xué)習(xí)問題

學(xué)習(xí) HTML5 需要一些測試用的瀏覽器、編碼用的開發(fā)工具、以及建議推薦的學(xué)習(xí)方法。

1.瀏覽器選擇

IE9+

Firefox 3.5+

Chrome 3.0+

Safari 3.0+

Opera 10.5+

推薦使用：Chrome

這里重點要說明一下 IE 瀏覽器。由于歷史和系統(tǒng)綁定原因，還有相當(dāng)一部分電腦殘留IE9 以下版本的瀏覽器。雖然微軟已經(jīng)開始發(fā)表聲明逐步不再維護(hù) IE8，但這部分群體還占有一定的份額。所以，是否要迎合這部分用戶，取決于個人對市場的判斷和成本的考量。

2.開發(fā)工具

文本編輯器：記事本，Editplus，Sublime Text，Notep++等等。

IDE:Adobe Dreamweaver，WebStorm，Microsoft Visual?Studio;?

本課程我們使用 Sublime Text3 作為 HTML5 課程的編碼工具。

3.學(xué)習(xí)方式

本課程原則上是零基礎(chǔ)、初學(xué)者可學(xué)，但如果你已經(jīng)有之前HTML課程基礎(chǔ)，那么學(xué)習(xí)起來將非常輕松。學(xué)習(xí)編程沒有其它什么好辦法，只有堅持多練多看多學(xué).....

4.學(xué)習(xí)目標(biāo)

1、掌握新標(biāo)簽以及新屬性的功能特點，并熟練運用。

2、了解HTMlL5的前景及其學(xué)習(xí)展望。

3、明確未來的學(xué)習(xí)目標(biāo)和深入學(xué)習(xí)的目標(biāo)。

4、為移動前端開發(fā)學(xué)習(xí)打好基礎(chǔ)。

如果您覺得有用，記得在下方點贊、關(guān)注、留言，小編會定期奉 上更多的驚喜哦，您的打賞支持才是小編繼續(xù)努力的動力，么么噠。

每日分享在學(xué)習(xí)過程中總結(jié)的學(xué)習(xí)經(jīng)驗，學(xué)習(xí)筆記，筆試題，HTML，CSS，JavaScript，jQuery教程，Vue教程，PHP教程，TinkPHP教程等，望大家能以學(xué)習(xí)為目的，每天閱讀一篇文章，了解身邊的技術(shù)。陪有夢想的人一起成長！

總結(jié)

以上是生活随笔為你收集整理的html5 canvas 不兼容safari浏览器_HTML5简介的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。