HTML5 基礎(chǔ)之簡(jiǎn)介
名稱:html 5.0
萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改
2014年10月29日,萬(wàn)維網(wǎng)聯(lián)盟宣布,經(jīng)過(guò)接近8年的艱苦努力,標(biāo)準(zhǔn)規(guī)範(fàn)終於製定完成。
發(fā)展歷史:
????標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的HTML4.01後,後繼的HTML5和其它標(biāo)準(zhǔn)被束之高閣,為了推動(dòng)Web標(biāo)準(zhǔn)化運(yùn)動(dòng)的發(fā)展,有些公司聯(lián)合起來(lái),成立了一個(gè)叫做 Web Hypertext Application Technology Working Group (Web超文本應(yīng)用技術(shù)工作組 -WHATWG) 的組織。 WHATWG 致力於 Web 表單和應(yīng)用程序,而W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟) 專注於XHTML2.0。在 2006 年,雙方?jīng)Q定進(jìn)行合作,來(lái)建立一個(gè)新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的 HTML 工作團(tuán)隊(duì)。
HTML 5 的第一份正式草案已於2008年1月22日公佈。 HTML5 仍處?kù)锻晟浦?。然而,大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支援。
????2012年12月17日,萬(wàn)維網(wǎng)聯(lián)盟(W3C)正式宣布凝結(jié)了大量網(wǎng)路工作者心血的HTML5規(guī)範(fàn)已經(jīng)正式定稿。根據(jù)W3C的演講稿寫道:「HTML5是開放的Web網(wǎng)路平臺(tái)的奠基石。」
????2013年5月6日, HTML 5.1正式草案公佈。此規(guī)範(fàn)定義了第五次重大版本,第一次要修訂萬(wàn)維網(wǎng)的核心語(yǔ)言:超文本標(biāo)記語(yǔ)言(HTML)。在這個(gè)版本中,新功能不斷推出,以幫助網(wǎng)路應(yīng)用程式的作者,並努力提高新元素互通性。
本草案的發(fā)布,從2012年12月27日至今,進(jìn)行了多達(dá)近百項(xiàng)的修改,包括HTML和XHTML的標(biāo)籤,相關(guān)的API、Canvas等,同時(shí)HTML5的圖像img標(biāo)籤及svg也進(jìn)行了改進(jìn),性能進(jìn)一步提升。
支援Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(Google瀏覽器),Safari,Opera等;國(guó)內(nèi)的傲遊瀏覽器(Maxthon),以及基於IE或Chromium(Chrome的工程版或稱為實(shí)驗(yàn)版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國(guó)產(chǎn)瀏覽器同樣具備支援HTML5的能力。
在行動(dòng)裝置開發(fā)HTML5應(yīng)用程式只有兩種方法,要不是全使用HTML5的語(yǔ)法,要不然就是只使用JavaScript引擎。
JavaScript引擎的建構(gòu)方法讓製作手機(jī)網(wǎng)頁(yè)遊戲成為可能。由於介面層很複雜,已預(yù)訂了一個(gè)UI工具包去使用。
純HTML5手機(jī)應(yīng)用程式運(yùn)作緩慢且錯(cuò)漏百出,但優(yōu)化後的效果會(huì)改善。儘管不是很多人願(yuàn)意去做這樣的優(yōu)化,但還是可以嘗試。
HTML5手機(jī)應(yīng)用程式的最大優(yōu)點(diǎn)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果,不斷地重複編碼、調(diào)試和運(yùn)行,這是首先要解決的問(wèn)題。因此也有許多手機(jī)雜誌用戶端是基於HTML5標(biāo)準(zhǔn),開發(fā)人員可以輕鬆調(diào)試修改。
2014年10月29日,萬(wàn)維網(wǎng)聯(lián)盟淚流滿面地宣布,經(jīng)過(guò)幾乎8年的艱辛努力,HTML5標(biāo)準(zhǔn)規(guī)範(fàn)終於最終制定完成了,並已公開發(fā)布。
在此之前的幾年時(shí)間裡,已經(jīng)有許多開發(fā)者陸續(xù)使用了HTML5的部分技術(shù),F(xiàn)irefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支援HTML5,但直到今天,我們才看到「正式版」。
HTML5將會(huì)取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn),以期能在網(wǎng)路應(yīng)用快速發(fā)展的時(shí)候,使網(wǎng)路標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)路需求,為桌面和行動(dòng)平臺(tái)帶來(lái)無(wú)縫銜接的豐富內(nèi)容。
W3C CEO Jeff Jaffe博士表示:「HTML5將推動(dòng)Web進(jìn)入新的時(shí)代。不久前,Web還只是上網(wǎng)看一些基礎(chǔ)文檔,而如今,Web是一個(gè)極大豐富的平臺(tái)。我們已經(jīng)進(jìn)入一個(gè)穩(wěn)定階段,每個(gè)人都可以按照標(biāo)準(zhǔn)行事,並且可用於所有瀏覽器。的基石,如能實(shí)現(xiàn)可進(jìn)一步推動(dòng)更深入的跨平臺(tái)Web應(yīng)用。
接下來(lái),W3C將致力於開發(fā)用於即時(shí)通訊、電子支付、應(yīng)用開發(fā)等方面的標(biāo)準(zhǔn)規(guī)範(fàn),也將創(chuàng)建一系列的隱私、安全防護(hù)措施。
W3C也曾在2012年透露說(shuō),計(jì)畫在2016年底前發(fā)布HTML 5.1。
為什麼要設(shè)計(jì)出HTML5? 目的是什麼
????????HTML5的設(shè)計(jì)目的是為了在行動(dòng)裝置上支援多媒體。新的語(yǔ)法特徵被引進(jìn)以支援這一點(diǎn),例如video、audio和canvas 標(biāo)記。 HTML5也引進(jìn)了新的功能,可以真正改變使用者與文件的互動(dòng)方式,包括:
?????????新的解析規(guī)則增強(qiáng)了彈性
?????????新屬性
#????????的或冗餘的屬性
?????????一個(gè)HTML5文件到另一個(gè)文件間的拖曳功能
??????? 離線編輯
解析規(guī)則????????多用途互聯(lián)網(wǎng)郵件擴(kuò)展(MIME)和協(xié)議處理程序註冊(cè)????????在SQL數(shù)據(jù)庫(kù)中存儲(chǔ)數(shù)據(jù)的通用標(biāo)準(zhǔn)(Web SQL)????????HTML5在2007年被萬(wàn)維網(wǎng)聯(lián)盟(W3C)新的工作小組採(cǎi)用。這個(gè)工作小組在2008年1月發(fā)布了HTML 5的首個(gè)公開草案。眼下,HTML5處?kù)丁负艋n審查」?fàn)顟B(tài),W3C預(yù)期它將在2014年底達(dá)到其最終狀態(tài)。
HTML5 它有什麼樣的優(yōu)點(diǎn)和缺點(diǎn)呢?
網(wǎng)路標(biāo)準(zhǔn)
????HTML5本身是W3C推薦出來(lái)的,它的發(fā)展是透過(guò)Google、蘋果,諾基亞、中國(guó)移動(dòng)等幾百家公司一起醞釀的技術(shù),這個(gè)技術(shù)最大的好處在於它是一個(gè)公開的技術(shù)。換句話說(shuō),每一個(gè)公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫(kù)找出根源。另一方面,W3C通過(guò)的HTML5標(biāo)準(zhǔn)也意味著每個(gè)瀏覽器或每個(gè)平臺(tái)都會(huì)去實(shí)現(xiàn)。
多裝置跨平臺(tái)
????用HTML5的優(yōu)點(diǎn)主要在於,這個(gè)技術(shù)可以進(jìn)行跨平臺(tái)的使用。例如你開發(fā)了一款HTML5的遊戲,你可以輕易地移植到UC的開放平臺(tái)、Opera的遊戲中心、Facebook應(yīng)用平臺(tái),甚至可以透過(guò)封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺(tái)性非常強(qiáng)大,這也是大多數(shù)人對(duì)HTML5有興趣的主要原因。
自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)
????????很早就有人設(shè)想,能不能“一次設(shè)計(jì),普遍適用”,讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)螢?zāi)粚挾?,自?dòng)調(diào)整佈局(layout)。
2010年,Ethan Marcotte提出了」自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)「這個(gè)名詞,指可以自動(dòng)辨識(shí)螢?zāi)粚挾取K做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì)。
這解決了傳統(tǒng)的一種局面-網(wǎng)站為不同的裝置提供不同的網(wǎng)頁(yè),例如專門提供一個(gè)mobile版本,或iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時(shí)要維護(hù)好幾個(gè)版本,而且如果一個(gè)網(wǎng)站有多個(gè)portal(入口),會(huì)大大增加架構(gòu)設(shè)計(jì)的複雜度。
即時(shí)更新
????遊戲用戶端每次都要更新,很麻煩??墒歉翲TML5遊戲就好像更新頁(yè)面一樣,是馬上的、即時(shí)的更新。
總結(jié)概括HTML5有以下優(yōu)點(diǎn):
????1、提高可用性和改善使用者的友善體驗(yàn);
????2、有幾個(gè)新的標(biāo)籤,這將有助於開發(fā)人員定義重要的內(nèi)容;
????3、可為網(wǎng)站帶來(lái)更多的多媒體元素(視訊和音訊);
????4、可以很好的替代FLASH和Silverlight;
????5、涉及網(wǎng)站的抓取和索引的時(shí)候,對(duì)於SEO很友善;
????6、大量應(yīng)用於行動(dòng)應(yīng)用程式和遊戲;
????7、可移植性好。
缺點(diǎn):
#????????此標(biāo)準(zhǔn)並未獲得良好的瀏覽器所支援。因新標(biāo)籤的引進(jìn),各瀏覽器之間將缺少一種統(tǒng)一的資料描述格式,造成使用者體驗(yàn)不佳。
新元素
????????從1999年後HTML 4.01已經(jīng)改變了很多,今天,在HTML 4.01中的幾個(gè)已經(jīng)被廢棄,這些元素在HTML5中已經(jīng)被刪除或重新定義。為了更好地處理今天的網(wǎng)路應(yīng)用,HTML5增加了許多新元素及功能,例如: 圖形的繪製,多媒體內(nèi)容,更好的頁(yè)面結(jié)構(gòu),更好的形式處理,和幾個(gè)api拖放元素,定位,包括網(wǎng)頁(yè)應(yīng)用程式緩存,存儲(chǔ),網(wǎng)絡(luò)工作者,等。
canvas? 標(biāo)籤定義圖形,例如圖表和其他圖像。此標(biāo)籤基於 JavaScript 的繪圖 API