作(zuò)為(wèi)前端開(kāi)發的(de)技(jì)術(shù)人(rén)員(yuán)，必須掌握ε的(de)技(jì)術(shù)之一(yī)就(jiù)是(shì)Html，其他(tā)技(jì)術(shù)如(rú)Css，JavaScript，JQuery等等都(dōu)是(shì)基于Html的(de)，那(nà)麽Html和(hé)今天我們耳熟能(néng)詳的(de)Html5究竟有(yǒu)什(shén)麽區(qū)别，或者說(shuō)Html怎麽發展到(dào)Html5的(de)呢(ne)？下(xià)面随蘇州網站(zhàn)制(zhì)作(zuò)小(xiǎo)編一(yī)起了(le)解一(yī)下(xià)♠Html5和(hé)Html的(de)區(qū)别吧(ba)！

html是(shì)Hyper Text Markup Language 的(de)簡稱，這(zhè)是(shì)一(yī)種使用(yòng)标記标簽描述網頁的(de)标記語言(markup language)，标準通(tōng)用(yòng)标記語言下(xià)的(de)一(yī)個(gè)運用(yòng)。

HTML5最先由WHATWG（Web超文(wén)本應用(yòng)技(jì)術(shù)工(gōng)作(zuò)組）命名的(de)一(yī)種超文(wén)本标記語言，随後和(hé)W3C的(de)xhtml2.0(标準)相(xiàng)結合，産生(shēng)的(de)最新一(yī)代的(de)超文(wén)本标記語言。（HTML5草(cǎo)案的(de)前身(shēn)名為(wèi)Web Applications 1.0。於2004年(nián)被WHATWG提出，於2007年(nián)被W3C接納，并成立了(le)新的(de)HTML工(gōng)作(zuò)團隊。）可(kě)以理(lǐ)解為(wèi)：HTML5 ≈ HTML4.0+CSS3+JS+API。（PS：html是(shì)沒有(yǒu)1.0版本的(de)，雖然曾經有(yǒu)這(zhè)個(gè)概念，但(dàn)是(shì)并沒有(yǒu)正式發布過，也(yě)沒有(yǒu)使用(yò≤ng)html1.0來(lái)進行(xíng)命名。這(zhè)裡(lǐ)的(de)HTML4.0是(shì)在現(xiàn)在最新的(de)html的(de)規範标準。）

HTML5有(yǒu)兩大(dà)特點：

►首先，強化(huà)了(le)Web網頁的(de)表現(xiàn)性能(néng)。除了(le)可(kě)描繪二維圖形外(wài)，還(hái )準備了(le)用(yòng)于播放(fàng)視(shì)頻(pín)和(hé)音(yīn)頻(pí→n)的(de)标簽。

►其次，追加了(le)本地(dì)數(shù)據庫等Web應用(yòng)的(de)功能(néng)。

而且HTML5擁有(yǒu)更多(duō)種類，功能(néng)繁多(duō)的(de)新技(jì)術(shù)和(hé)規範。比如(rú)：

►使用(yòng)canvas (畫(huà)布）元素進行(xíng)繪制(zhì)；

►使用(yòng)video和(hé)audio元素添加流媒體(tǐ)；

►在線編輯頁面并檢査拼寫；

►在Web應用(yòng)程序屮使用(yòng)拖曳功能(néng)；

►更多(duō)的(de)HTML5表單特性；

►語義化(huà)布局常用(yòng)标簽（例如(rú)article、section、nav)創建語義分(fēn)區(qū)，語義化(huà)能(néng)讓頁面的(de)內(nèi)容結構化(huà)，結構更清晰，便于對(duì)浏覽器(qì)、搜索引£擎解析，即使在沒有(yǒu)樣式CSS情況下(xià)也(yě)以一(yī)種文(wén)檔格式來(lái)顯示，并且是(shì)非常容易容易閱讀(dú)的(de)，而且搜索引擎的(de)爬蟲也(yě)依賴★于HTML标記來(lái)确定上(shàng)下(xià)文(wén)和(hé)各個(gè)關鍵字的(de)權α重，利于SEO（類似與網絡競價排行(xíng)，不(bù)過不(bù)需要(yào)花(huā)錢(qián)），并且呢(ne)，語義化(huà)标簽使得(de)人(rén✔)對(duì)網站(zhàn)的(de)維護更加的(de)便捷。

►HTML5沒有(yǒu)嚴格的(de)要(yào)求屬性必須加引号，閉合不(bù)閉合，但(dàn)是(shì)建議(yì)加上(shàng)引号和(hé)→閉合标簽

►語義化(huà)布局常用(yòng)标簽

......更多(duō)規範和(hé)新技(jì)術(shù)請(qǐng)自(zì)行(xíng)查閱相(xiàng)關文(wén)檔。

HTML5(text/html)浏覽器(qì)将在錯(cuò)誤語法的(de)處理(lǐ)上(shàng)更加靈活。HTML5在設計(jì)時(shí)保證舊(jiù)的(de)浏覽器(qì)能(néng)夠安全的(de)忽略掉新的(de)HTML5代碼。與HTML4.01相(xiàng)比，HTML5給出了(le)解析的(de)詳細規則，力圖讓不(bù)同的(de)浏覽器(qì)即使在發生(shēng)語法錯(cuò)誤時(shí)也(yě)能(néng)返回相(xiàng)同的(de)結果。φ

相(xiàng)比呆闆的(de)html，HTML5顯得(de)更加靈活。HTML5元素可(kě)以擁有(yǒu)事(shì)件(jiàn)屬性，使用(yòng)這(zhè)些(xiē)屬性可(kě)以在浏覽器(qì)中觸發，比如(rú)當用(yò>ng)戶單擊元素時(shí)觸發一(yī)段Javascript動作(zuò)（可(kě)單一(yī)或者系列的(de)動作(zuò)）。給靜(jìng)态頁面添加更加豐富多(duō)彩的(de)動畫(huà)效果，€提升用(yòng)戶交互觀感。下(xià)面列出的(de)事(shì)件(jiàn)屬性，可(kě)以把它們入 HTML 标簽來(lái)定義事(shì)件(jiàn)行(xíng)為(wèi)。 HTML5 中的(de)新事(shì)件(jiàn)屬性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ond§ragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll×, onunload。

現(xiàn)在的(de)web前端開(kāi)發的(de)靜(jìng)态網頁一(yī)般都(dōu)是(shì)html4.0，html标簽和(hé)屬性是(shì)html5規範的(de)基礎。然而HTML5還(hái)包括很(hěn)多(duō)其他(tā)的(de)編程接口，而嚴格來(lái)說(shuō)，這(zhè)些(x¶iē)接口并不(bù)是(shì)HTML5規範的(de)一(yī)部分(fēn)，例如(rú)地(dì)理(lǐ)定位、曆史API。從(cóng)此也(yě)可(kě)以說(shuō)HTML5比html具有(yǒu)更大(dà)的(de)包容性。所談到(dào)的(de)html4.0既是(shì)html。

另外(wài)HTML5與html相(xiàng)比來(lái)說(shuō)。HTML5不(bù)基于SGML，因此不(bù)需要(yào)對(duì)DTD進行(xíng)引用(yòng)，但(dàn)是(shì)需要(yào)doctype來(lái)規範浏覽器(qì)的(de)行(xíng)為(wèi)，讓浏覽器(qì)能(néng)夠以<HTML5的(de)方式來(lái)運行(xíng)，而HTML4基于SGML，所以需要(yào)對(duì)DTD進行(xíng)引用(yòng)才能(néng)告知(zhī)浏覽器(qì)文(wén)檔所使用(yòng)的(de)文(wén)檔類型是(shì)什( shén)麽。

然而最新的(de)并不(bù)代表是(shì)最适用(yòng)的(de)，誠然，HTML5能(néng)玩(wán)出很(hěn)多(duō)“花(huā)”來(lái)，但(dàn)是(shì)并不✔(bù)是(shì)所有(yǒu)用(yòng)戶都(dōu)能(néng)完美(měi)支持HTML5的(de)，HTML5裡(lǐ)面有(yǒu)很(hěn)多(duō)特性在PC端低(dī)版本浏覽器(qì)上(shàng)是(shì)不(bù)支持的(de)。而移動端浏覽器(qì)已經支持HTML5了(le)，還(hái)有(yǒu)就(jiù)是(shì)訪問(wèn)CSDN的(de)人(rén)群基本上(shàng)沒有(yǒu)使用(yòng)IE8以下(xià)的(de)浏覽器(qì)了(le)。

雖然在前幾年(nián)html5已經出來(lái)了(le)，但(dàn)是(shì)那(nà)時(shí)候因為(wèi)不(bù)夠成熟，時(shí)機(♥jī)不(bù)對(duì)，才沒被興起。在這(zhè)互聯網高(gāo)速發展的(de)時(shí)候，也(yě)是(shì)來(lái)臨4G的(de)時(shí)代。正是(shì)學習(xí)HTML5的(de)好(hǎo)時(shí)機(jī)，蘇州網站(zhàn)建設小(xiǎo)編特别提醒我們還γ(hái)不(bù)學習(xí)hml5就(jiù)out了(le)！