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

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

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

HTML5有兩大(dà)特點：

►首先，強化了(le／liǎo)Web網頁的(de)表現性能。除了(le／liǎo)可描繪二維圖形外，還準備了(le／liǎo)用于(yú)播放視頻和(hé / huò)音頻的(de)标簽。

►其次，追加了(le／liǎo)本地(dì / de)數據庫等Web應用的(de)功能。

而(ér)且HTML5擁有更多種類，功能繁多的(de)新技術和(hé / huò)規範。比如：

►使用canvas (畫布）元素進行繪制；

►使用video和(hé / huò)audio元素添加流媒體；

►在(zài)線編輯頁面并檢査拼寫；

►在(zài)Web應用程序屮使用拖曳功能；

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

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

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

►語義化布局常用标簽

......更多規範和(hé / huò)新技術請自行查閱相關文檔。

HTML5(text/html)浏覽器将在(zài)錯誤語法的(de)處理上(shàng)更加靈活。HTML5在(zài)設計時(shí)保證舊的(de)浏覽器能夠安全的(de)忽略掉新的(de)HTML5代碼。與HTML4.01相比，HTML5給出(chū)了(le／liǎo)解析的(de)詳細規則，力圖讓不(bù)同的(de)浏覽器即使在(zài)發生語法錯誤時(shí)也(yě)能返回相同的(de)結果。

相比呆闆的(de)html，HTML5顯得更加靈活。HTML5元素可以(yǐ)擁有事件屬性，使用這(zhè)些屬性可以(yǐ)在(zài)浏覽器中觸發，比如當用戶單擊元素時(shí)觸發一(yī / yì ／yí)段Javascript動作（可單一(yī / yì ／yí)或者系列的(de)動作）。給靜态頁面添加更加豐富多彩的(de)動畫效果，提升用戶交互觀感。下面列出(chū)的(de)事件屬性，可以(yǐ)把它們入 HTML 标簽來(lái)定義事件行爲(wéi / wèi)。 HTML5 中的(de)新事件屬性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。

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

另外HTML5與html相比來(lái)說(shuō)。HTML5不(bù)基于(yú)SGML，因此不(bù)需要(yào / yāo)對DTD進行引用，但是(shì)需要(yào / yāo)doctype來(lái)規範浏覽器的(de)行爲(wéi / wèi)，讓浏覽器能夠以(yǐ)HTML5的(de)方式來(lái)運行，而(ér)HTML4基于(yú)SGML，所以(yǐ)需要(yào / yāo)對DTD進行引用才能告知浏覽器文檔所使用的(de)文檔類型是(shì)什麽。

然而(ér)最新的(de)并不(bù)代表是(shì)最适用的(de)，誠然，HTML5能玩出(chū)很多“花”來(lái)，但是(shì)并不(bù)是(shì)所有用戶都能完美支持HTML5的(de)，HTML5裏面有很多特性在(zài)PC端低版本浏覽器上(shàng)是(shì)不(bù)支持的(de)。而(ér)移動端浏覽器已經支持HTML5了(le／liǎo)，還有就(jiù)是(shì)訪問CSDN的(de)人(rén)群基本上(shàng)沒有使用IE8以(yǐ)下的(de)浏覽器了(le／liǎo)。

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