HTML5和HTML4有何區(qū)別？

HTML5和HTML4有何區(qū)別？

成都創(chuàng)新互聯(lián)是一家從事企業(yè)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作的專業(yè)網(wǎng)站設(shè)計公司，擁有經(jīng)驗豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁設(shè)計人員，具備各種規(guī)模與類型網(wǎng)站建設(shè)的實力，在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨特的設(shè)計風(fēng)格。自公司成立以來曾獨立設(shè)計制作的站點數(shù)千家。

HTML5是HTML標(biāo)準(zhǔn)的下一個版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。下面是我為大家搜索整理的關(guān)于HTML5和HTML4的區(qū)別，歡迎參考閱讀，希望對你有所幫助!想了解更多相關(guān)信息請持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生培訓(xùn)網(wǎng)!

1. 簡化的語法

HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫!doctype html就行了。HTML 5 指定 UTF-8 編碼的方式如下

meta charset="UTF-8"

2.? Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。canvas標(biāo)簽使得開發(fā)者只要使用一個標(biāo)簽就能和用戶產(chǎn)生UI交互。

3. 新增許多標(biāo)簽

HTML5設(shè)計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加 了header和footer這樣的標(biāo)簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)；新增 section 和 article 標(biāo)簽，section和article也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO；新增 menu 和 figure 標(biāo)簽，menu可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。figure標(biāo)簽使得網(wǎng)頁文字和圖片的排版更 專業(yè)； 新增 audio 和 video 標(biāo)簽，這兩個標(biāo)簽可能是HTML5里面最有用的兩個標(biāo)簽了，使用起來時也異乎方便，如在HTML5頁面中嵌入視頻只需一小段。

復(fù)制代碼代碼如下:

video width="450" height="340" controls

source src="jamshed.mp4" type="video/mp4"

Your browser does'nt support video embedding feature.

/video

同理，音頻等其他的也類似。

4. 全新的表單

HTML5對 form 和 forminput 標(biāo)簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性

5. 刪除 b 和 font 標(biāo)簽，frame, center, big 標(biāo)簽

6. HTML5 支持了不同類型的存儲類型

HTML5 支持本地存儲，在之前版本中是通過 Cookie 實現(xiàn)的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的`對象可用來存儲數(shù)據(jù)，HTML5通過JS來存儲和訪問數(shù)據(jù)：

localStorage 適用于長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失

sessionStorage 只是針對一個session的數(shù)據(jù)存儲，存儲的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除

總的來說，HTML5已經(jīng)超越了標(biāo)記語言的范疇，更富語義的標(biāo)簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù)，實現(xiàn)無插件的動畫以及 圖像、圖形處理能力；本地存儲，可實現(xiàn)offline應(yīng)用；websocket，一改http的純pull模型，實現(xiàn)數(shù)據(jù)推送的夢 想；MathML，SVG等，支持更加豐富的render等等等等，現(xiàn)在對于對HTML5的了解還只停留在表面階段，以后會多閱讀一部分HTML5的書籍 增加一下見識。

;

HTML5與之前的版本有哪些區(qū)別

大致來說分為這么幾方面：

(1)更多的標(biāo)記，適應(yīng)移動設(shè)備中的地理位置、攝像頭、原生視頻播放、以及更好的html語義的需要。

(2)RIA的支持，websocket，實現(xiàn)服務(wù)器主動推送數(shù)據(jù)到客戶端，觸摸的支持等等，這些使得客戶端應(yīng)用更豐富、更像本地程序。

(3)畫布和原生2d作圖，這個使得網(wǎng)頁游戲編寫更簡單、性能更高。

(4)更完善的css標(biāo)準(zhǔn)和js標(biāo)準(zhǔn)。

HTML5簡介以及發(fā)展歷程

簡介

萬維網(wǎng) 的核心語言、 標(biāo)準(zhǔn)通用標(biāo)記語言 下的一個應(yīng)用 超文本標(biāo)記語言 （ HTML ）的第五次重大修改（這是一項推薦標(biāo)準(zhǔn)、外語原文： W3C Recommendation、見本處 參考資料 原文內(nèi)容：[1]

）。

2014年10月29日， 萬維網(wǎng)聯(lián)盟 宣布，經(jīng)過接近8年的艱苦努力，該標(biāo)準(zhǔn)規(guī)范終于制定完成。

發(fā)展歷程

標(biāo)準(zhǔn)通用標(biāo)記語言 下的一個應(yīng)用 HTML 標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01后，后繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣，為了推動Web標(biāo)準(zhǔn)化運動的發(fā)展，一些公司聯(lián)合起來，成立了一個叫做 Web Hypertext Application Technology Working Group （Web 超文本 應(yīng)用技術(shù)工作組 - WHATWG ） 的組織。WHATWG 致力于 Web 表單和應(yīng)用程序，而 W3C （World Wide Web Consortium， 萬維網(wǎng) 聯(lián)盟） 專注于 XHTML 2.0。在 2006 年，雙方?jīng)Q定進行合作，來創(chuàng)建一個新版本的 HTML。

HTML5草案的前身名為 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的 HTML 工作團隊。

HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而，大部分 現(xiàn)代瀏覽器 已經(jīng)具備了某些 HTML5 支持。

2012年12月17日， 萬維網(wǎng)聯(lián)盟 （W3C）正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范已經(jīng)正式定稿。根據(jù)W3C的發(fā)言稿稱：“HTML5是開放的Web網(wǎng)絡(luò)平臺的奠基石?！?/p>

2013年5月6日， HTML 5.1正式草案公布。該規(guī)范定義了第五次重大版本，第一次要修訂 萬維網(wǎng) 的核心語言：超文本標(biāo)記語言（ HTML ）。在這個版本中，新功能不斷推出，以幫助Web應(yīng)用程序的作者，努力提高新元素互操作性。

本次草案的發(fā)布，從2012年12月27日至今，進行了多達近百項的修改，包括HTML和XHTML的標(biāo)簽，相關(guān)的 API 、 Canvas 等，同時HTML5的圖像img標(biāo)簽及svg也進行了改進，性能得到進一步提升。

支持Html5的瀏覽器包括 Firefox （火狐瀏覽器）， IE9 及其更高版本， Chrome （谷歌瀏覽器）， Safari ，Opera等；國內(nèi)的傲游瀏覽器（Maxthon），以及基于IE或 Chromium （Chrome的工程版或稱實驗版）所推出的 360瀏覽器 、 搜狗瀏覽器 、 QQ瀏覽器 、 獵豹瀏覽器 等國產(chǎn)瀏覽器同樣具備支持HTML5的能力。

在移動設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript 引擎的構(gòu)建方法讓制作手機網(wǎng)頁游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個 UI 工具包去使用。

純HTML5手機應(yīng)用運行緩慢并錯漏百出，但優(yōu)化后的效果會好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。

HTML5手機應(yīng)用的最大優(yōu)勢就是可以在網(wǎng)頁上直接 調(diào)試 和修改。原先應(yīng)用的開發(fā)人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運行，這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基于HTML5標(biāo)準(zhǔn)，開發(fā)人員可以輕松調(diào)試修改。

2014年10月29日，萬維網(wǎng)聯(lián)盟淚流滿面地宣布，經(jīng)過幾乎8年的艱辛努力，HTML5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了，并已公開發(fā)布。

在此之前的幾年時間里，已經(jīng)有很多開發(fā)者陸續(xù)使用了HTML5的部分技術(shù)， Firefox 、 Google Chrome 、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我們才看到“正式版”。

HTML5將會取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn)，以期能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達到符合當(dāng)代的網(wǎng)絡(luò)需求，為桌面和移動平臺帶來無縫銜接的豐富內(nèi)容。

W3C CEO Jeff Jaffe博士表示：“HTML5將推動Web進入新的時代。不久以前，Web還只是上網(wǎng)看一些基礎(chǔ)文檔，而如今，Web是一個極大豐富的平臺。我們已經(jīng)進入一個穩(wěn)定階段，每個人都可以按照標(biāo)準(zhǔn)行事，并且可用于所有瀏覽器。如果我們不能攜起手來，就不會有統(tǒng)一的Web?！?/p>

HTML5還有望成為夢想中的“開放Web平臺”(Open Web Platform)的基石，如能實現(xiàn)可進一步推動更深入的跨平臺Web應(yīng)用。

接下來，W3C將致力于開發(fā)用于實時通信、 電子支付 、應(yīng)用開發(fā)等方面的標(biāo)準(zhǔn)規(guī)范，還會創(chuàng)建一系列的隱私、安全防護措施。

W3C還曾在2012年透露說，計劃在2016年底前發(fā)布HTML 5.1。

HTML5與之前的版本有哪些改進

1. 簡化的語法；

HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫就行了。

2.減少對于外部插件的依賴，例如，F(xiàn)lash；

Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。

3.新增許多標(biāo)簽，article，footer，header，nav，aside，secion等；

4.支持了多媒體標(biāo)簽，如，video和audio；

5.包含了2D繪圖元素，使得網(wǎng)頁游戲編寫更簡單、性能更高