HTML5 基礎(chǔ)之簡介
名稱:html 5.0
萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改
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)盟) 專注于XHTML2.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ù),F(xiàn)irefox、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。
為什么要設(shè)計出HTML5 目的是什么
HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。新的語法特征被引進以支持這一點,如video、audio和canvas 標(biāo)記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括:
新的解析規(guī)則增強了靈活性
新屬性
淘汰過時的或冗余的屬性
一個HTML5文檔到另一個文檔間的拖放功能
離線編輯
信息傳遞的增強
詳細的解析規(guī)則
多用途互聯(lián)網(wǎng)郵件擴展(MIME)和協(xié)議處理程序注冊
在SQL數(shù)據(jù)庫中存儲數(shù)據(jù)的通用標(biāo)準(zhǔn)(Web SQL)
HTML5在2007年被萬維網(wǎng)聯(lián)盟(W3C)新的工作組采用。這個工作組在2008年1月發(fā)布了HTML 5的首個公開草案。眼下,HTML5處于“呼吁審查”狀態(tài),W3C預(yù)期它將在2014年年底達到其最終狀態(tài)。
HTML5 它具有什么樣的優(yōu)點和缺點呢?
網(wǎng)絡(luò)標(biāo)準(zhǔn)
HTML5本身是由W3C推薦出來的,它的開發(fā)是通過谷歌、蘋果,諾基亞、中國移動等幾百家公司一起醞釀的技術(shù),這個技術(shù)最大的好處在于它是一個公開的技術(shù)。換句話說,每一個公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標(biāo)準(zhǔn)也就意味著每一個瀏覽器或每一個平臺都會去實現(xiàn)。
多設(shè)備跨平臺
用HTML5的優(yōu)點主要在于,這個技術(shù)可以進行跨平臺的使用。比如你開發(fā)了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺,甚至可以通過封裝的技術(shù)發(fā)放到App Store或Google Play上,所以它的跨平臺性非常強大,這也是大多數(shù)人對HTML5有興趣的主要原因。
自適應(yīng)網(wǎng)頁設(shè)計
很早就有人設(shè)想,能不能“一次設(shè)計,普遍適用”,讓同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,自動調(diào)整布局(layout)。
2010年,Ethan Marcotte提出了”自適應(yīng)網(wǎng)頁設(shè)計“這個名詞,指可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計。
這就解決了傳統(tǒng)的一種局面——網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁,比如專門提供一個mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網(wǎng)站有多個portal(入口),會大大增加架構(gòu)設(shè)計的復(fù)雜度。
即時更新
游戲客戶端每次都要更新,很麻煩??墒歉翲TML5游戲就好像更新頁面一樣,是馬上的、即時的更新。
總結(jié)概括HTML5有以下優(yōu)點:
1、提高可用性和改進用戶的友好體驗;
2、有幾個新的標(biāo)簽,這將有助于開發(fā)人員定義重要的內(nèi)容;
3、可以給站點帶來更多的多媒體元素(視頻和音頻);
4、可以很好的替代FLASH和Silverlight;
5、當(dāng)涉及到網(wǎng)站的抓取和索引的時候,對于SEO很友好;
6、將被大量應(yīng)用于移動應(yīng)用程序和游戲;
7、可移植性好。
缺點:
該標(biāo)準(zhǔn)并未能很好的被瀏覽器所支持。因新標(biāo)簽的引入,各瀏覽器之間將缺少一種統(tǒng)一的數(shù)據(jù)描述格式,造成用戶體驗不佳。
新元素
自1999年以后HTML 4.01 已經(jīng)改變了很多,今天,在HTML 4.01中的幾個已經(jīng)被廢棄,這些元素在HTML5中已經(jīng)被刪除或重新定義。為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用,HTML5添加了很多新元素及功能,比如: 圖形的繪制,多媒體內(nèi)容,更好的頁面結(jié)構(gòu),更好的形式 處理,和幾個api拖放元素,定位,包括網(wǎng)頁 應(yīng)用程序緩存,存儲,網(wǎng)絡(luò)工作者,等。
canvas 標(biāo)簽定義圖形,比如圖表和其他圖像。該標(biāo)簽基于 JavaScript 的繪圖 API