如今有好多客戶都要求做HTML5的網站,那么什么是HTML5?這個對網站建設有什么好處?深圳網站建設給大家普及一下這個知識,百度百科是這么介紹的:
沛宣網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改(這是一項推薦標準、外語原文:W3C Recommendation、見本處參考資料原文內容。
2014年10月29日,萬維網聯盟宣布,經過接近8年的艱苦努力,該標準規范終于制定完成。
發展歷程
標準通用標記語言下的一個應用HTML標準自1999年12月發布的HTML4.01后,后繼的HTML5和其它標準被束之高閣,為了推動Web標準化運動的發展,一些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web超文本應用技術工作組 -WHATWG) 的組織。WHATWG 致力于 Web 表單和應用程序,而W3C(World Wide Web Consortium,萬維網聯盟) 專注于XHTML2.0。在 2006 年,雙方決定進行合作,來創建一個新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的 HTML 工作團隊。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍處于完善之中。然而,大部分現代瀏覽器已經具備了某些 HTML5 支持。
2012年12月17日,萬維網聯盟(W3C)正式宣布凝結了大量網絡工作者心血的HTML5規范已經正式定稿。根據W3C的發言稿稱:“HTML5是開放的Web網絡平臺的奠基石。”
2013年5月6日, HTML 5.1正式草案公布。該規范定義了第五次重大版本,第一次要修訂萬維網的核心語言:超文本標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助Web應用程序的作者,努力提高新元素互操作性。
本次草案的發布,從2012年12月27日至今,進行了多達近百項的修改,包括HTML和XHTML的標簽,相關的API、Canvas等,同時HTML5的圖像img標簽及svg也進行了改進,性能得到進一步提升。
支持Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等;國內的遨游瀏覽器(Maxthon),以及基于IE或Chromium(Chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力。
在移動設備開發HTML5應用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓制作手機網頁游戲成為可能。由于界面層很復雜,已預訂了一個UI工具包去使用。
純HTML5手機應用運行緩慢并錯漏百出,但優化后的效果會好轉。盡管不是很多人愿意去做這樣的優化,但依然可以去嘗試。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果,不斷地重復編碼、調試和運行,這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基于HTML5標準,開發人員可以輕松調試修改。
2014年10月29日,萬維網聯盟淚流滿面地宣布,經過幾乎8年的艱辛努力,HTML5標準規范終于最終制定完成了,并已公開發布。
在此之前的幾年時間里,已經有很多開發者陸續使用了HTML5的部分技術,Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5,但直到今天,我們才看到“正式版”。
HTML5將會取代1999年制定的HTML 4.01、XHTML 1.0標準,以期能在互聯網應用迅速發展的時候,使網絡標準達到符合當代的網絡需求,為桌面和移動平臺帶來無縫銜接的豐富內容。
W3C CEO Jeff Jaffe博士表示:“HTML5將推動Web進入新的時代。不久以前,Web還只是上網看一些基礎文檔,而如今,Web是一個極大豐富的平臺。我們已經進入一個穩定階段,每個人都可以按照標準行事,并且可用于所有瀏覽器。如果我們不能攜起手來,就不會有統一的Web。”
HTML5還有望成為夢想中的“開放Web平臺”(Open Web Platform)的基石,如能實現可進一步推動更深入的跨平臺Web應用。
接下來,W3C將致力于開發用于實時通信、電子支付、應用開發等方面的標準規范,還會創建一系列的隱私、安全防護措施。
W3C還曾在2012年透露說,計劃在2016年底前發布HTML 5.1。
設計目的
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括:
· 新的解析規則增強了靈活性
· 新屬性
· 淘汰過時的或冗余的屬性
· 一個HTML5文檔到另一個文檔間的拖放功能
· 離線編輯
· 信息傳遞的增強
· 詳細的解析規則
· 多用途互聯網郵件擴展(MIME)和協議處理程序注冊
· 在SQL數據庫中存儲數據的通用標準(Web SQL)
HTML5在2007年被萬維網聯盟(W3C)新的工作組采用。這個工作組在2008年1月發布了HTML 5的首個公開草案。眼下,HTML5處于“呼吁審查”狀態,W3C預期它將在2014年年底達到其最終狀態。
特性
語義特性(Class:Semantic)
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的,微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性(Class: OFFLINE & STORAGE)
基于HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。
連接特性(Class: CONNECTIVITY)
更有效的連接工作效率,使得基于頁面的實時聊天,更快速的網頁游戲體驗,更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音功能相得益彰。
三維、圖形及特效特性(Class: 3D, Graphics & Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆于在瀏覽器中,所呈現的驚人視覺效果。
性能與集成特性(Class: Performance & Integration)
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的Web應用和網站在多樣化的環境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
沿革
HTML5提供了一些新的元素和屬性,例如
(網站導航塊)和
。這種標簽將有利于搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如
1、取消了一些過時的HTML4標記
其中包括純粹顯示效果的標記,如和
,它們已經被CSS取代。
HTML5 吸取了XHTML2 一些建議,包括一些用來改善文檔結構的功能,比如,新的HTML 標簽 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在實現這些功能時一般都是使用div。
2、將內容和展示分離
b 和 i 標簽依然保留,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。
3、一些全新的表單輸入對象
包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字符的支持。HTML5 還引入了微數據,這一使用機器可以識別的標簽標注內容的方法,使語義Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干凈,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。
4、全新的,更合理的Tag
多媒體對象將不再全部綁定在object或 embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的 Tag。
5、本地數據庫
這個功能將內嵌一個本地的SQL 數據庫,以加速交互式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。
6、Canvas 對象
將給瀏覽器帶來直接在上面繪制矢量圖的能力,這意味著用戶可以脫離Flash 和Silverlight,直接在瀏覽器中顯示圖形或動畫。
7、瀏覽器中的真正程序
將提供 API 實現瀏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。
8、Html5取代Flash在移動設備的地位。
9、其突出的特點就是強化了web頁的表現性,追加了本地數據庫,
規范
HTML5和Canvas 2D規范的制定已經完成,盡管還不能算是W3C標準,但是這些規范已經功能完整,企業和開發人員有了一個穩定的執行和規劃目標。
W3C首席執行官Jeff Jaffe表示:“從今天起,企業用戶可以清楚地知道,他們能夠在未來依賴HTML5。”HTML5是開放Web標準的基石,它是一個完整的編程環境,適用于跨平臺應用程序、視頻和動畫、圖形、風格、排版和其它數字內容發布工具、廣泛的網絡功能等等。
為了減少瀏覽器碎片、實現于所有HTML工具的應用,W3C從今天開始著手W3C標準化的互操作性和測試。和之前宣布的規劃一樣,W3C計劃在2014年完成HTML5標準。
HTML工作組還發布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案,讓開發人員能提前預覽下一輪標準。
應用須知
它可能會消滅Flash
許多業內人士表示,HTML將會最終代替多媒體框架,如Adobe的Flash,但是短期看來還不是時候。HTML5估計到2014年才能逐步成熟,而且將現有應用Flash的網絡開發完全轉向HTML5還需要一段時間。盡管HTML5提出了許多優點,但是還可能有某些應用更適合于更靈活的框架。一些主流的大公司都逐步轉向使用HTML5,谷歌于2015年2月26日開始自動將Flash廣告轉換為HTML5格式,這可能會加速HTML5替代Flash的進程,但是這個轉變的過程也不是一蹴而就的。
它新并不表示它安全
網絡應用開發工程師們在學習新技術的同時需要時刻記住網絡安全。HTML5所構建的網頁和其他語言編寫的網頁一樣容易泄露一些敏感數據。歐洲網絡信息安全機構(European Network and Information Security Agency,ENISA)已經警告說HTML5可能并不夠安全。
它承諾帶來一個無縫的網絡
HTML5會帶來一個統一的網絡,無論是筆記本,臺式機,還是智能手機都應該很方便的瀏覽基于HTML5的網站。因此在設計網站的時候,開發者需要重新考慮用戶體驗,網站瀏覽,網站結構等因素使得這個網站對任何硬件設備都通用。
它會變成企業的SaaS平臺
一些重量級的企業,如微軟,Salesforce,SAP Sybase正在開發HTML5的開發工具。如果你正在構建企業應用,很可能不久的將來你就要用到HTML5。所以當構建公司的SaaS戰略遷移的時候也不要忘記HTML5。
它將會變得很移動
幾乎所有人都熱衷于開發獨立的移動應用,但是HTML5很可能會是獨立移動應用的終結者。由于HTML5將應用的功能直接加入其內核,這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在(移動)瀏覽器內開發應用,所以如果你正在制定一項桌面或者移動應用的長期發展策略,你可能需要考慮這一點。
漏洞
2013年3月,HTML5標記語言的一個漏洞被發現:它允許網站利用數GB垃圾數據對用戶展開轟炸,甚至會在短時間內將硬盤塞滿。多款主流瀏覽器均會受此影響。
一位名叫菲羅斯·阿伯克哈迪杰哈(Feross Aboukhadijeh)的開發者率先發現了這一漏洞,他表示,多數主流網絡瀏覽器均會受到影響,包括蘋果Safari、谷歌Chrome、微軟IE和Opera。唯一能夠阻止數據大量加載的是Mozilla的火狐瀏覽器,該產品的數據存儲上限為5MB。
該問題的根源在于HTML5存儲本地數據的方式。雖然每個瀏覽器都有不同的存儲參數,但很多都支持用戶自定義限制,且至少會在用戶電腦上存儲2.5MB數據。
阿伯克哈迪杰哈發現了一個繞過數據上限的方法,它創建了多個與用戶訪問過的網站鏈接的臨時網站。由于多數瀏覽器不會計算這種偶然情況,所以二級網站也可以存儲與主網站相同量的數據。通過大批生成這種網站,該漏洞便可向受影響的電腦加載海量數據。
在測試這一漏洞的過程中,阿伯克哈迪杰哈每16秒即可向他的固態硬盤版MacBook Pro中加載1GB數據。他指出,Chrome等32位瀏覽器可能會在硬盤塞滿前崩潰。“一些采用高明代碼的網站其實已經取消了用戶電腦對數據存儲的限制。”阿伯克哈迪杰哈說。阿伯克哈迪杰哈已經發布一組代碼來利用該漏洞,并創建了一個名為Filldisk的專用網站來凸顯該漏洞的危害。
優點缺點
網絡標準
HTML5本身是由W3C推薦出來的,它的開發是通過谷歌、蘋果,諾基亞、中國移動等幾百家公司一起醞釀的技術,這個技術最大的好處在于它是一個公開的技術。換句話說,每一個公開的標準都可以根據W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平臺都會去實現。
多設備跨平臺
用HTML5的優點主要在于,這個技術可以進行跨平臺的使用。比如你開發了一款HTML5的游戲,你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺,甚至可以通過封裝的技術發放到App Store或Google Play上,所以它的跨平臺性非常強大,這也是大多數人對HTML5有興趣的主要原因。
自適應網頁設計
很早就有人設想,能不能“一次設計,普遍適用”,讓同一張網頁自動適應不同大小的屏幕,根據屏幕寬度,自動調整布局(layout)。
2010年,Ethan Marcotte提出了”自適應網頁設計“這個名詞,指可以自動識別屏幕寬度、并做出相應調整的網頁設計。
這就解決了傳統的一種局面——網站為不同的設備提供不同的網頁,比如專門提供一個mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網站有多個portal(入口),會大大增加架構設計的復雜度。
即時更新
游戲客戶端每次都要更新,很麻煩。可是更新HTML5游戲就好像更新頁面一樣,是馬上的、即時的更新。
總結概括HTML5有以下優點:
1、提高可用性和改進用戶的友好體驗;
2、有幾個新的標簽,這將有助于開發人員定義重要的內容;
3、可以給站點帶來更多的多媒體元素(視頻和音頻);
4、可以很好的替代FLASH和Silverlight;
5、當涉及到網站的抓取和索引的時候,對于SEO很友好;
6、將被大量應用于移動應用程序和游戲;
7、可移植性好。
缺點:
該標準并未能很好的被瀏覽器所支持。因新標簽的引入,各瀏覽器之間將缺少一種統一的數據描述格式,造成用戶體驗不佳。
爭議
HTML5在誕生之后,就樹立了一個原則,那就是所有的技術必須是開放的,不準有專利限制,在這期間Opera捐獻了CSS技術,而Google則提供了視頻格式WebM。
可以說大部分的HTML協議在眾多網絡技術公司中達成共識,但在視頻格式方面,世界各大互聯網公司正在為具體標準進行爭論,這可能影響HTML5標準的分流。紛爭的兩大陣營分別是Opera、火狐、Google等,另一大陣營則由蘋果公司領銜。
MPEG陣營認為WebM格式是具有專利保護的,這違背了HTML5所有技術必須開放的原則。MPEG陣營則更多地是因為自身就在使用這種視頻格式。
發展趨勢
HTML5規范開發完成時,將成為主流。
據統計2013年全球將有10億手機瀏覽器支持HTML5,同時HTML Web開發者數量將達到200萬。毫無疑問,HTML5將成為未來5-10年內,移動互聯網領域的主宰者。
據IDC的調查報告統計,截至2012年5月,有79%的移動開發商已經決定要在其應有程序中整合HTML5技術。
12月,萬維網聯盟宣布已經完成對HTML5標準以及Canvas 2D性能草案的制定,這就意味著開發人員將會有一個穩定的“計劃和實施”目標。有很多的文章都在號召使用HTML5,并大力宣傳它的好處。此前,站長之家曾經做過一期調查,調查顯示只有36.16%的站長正在學習中,另外的63.76%表示正在觀望中。作為站長,你是否準備開始學習HTML5?
從性能角度來說,HTML5首先是縮減了HTML文檔,使這件事情變得更簡單。從用戶可讀性上說,原先一大堆東西對初學者來說,第一次看到這些東西是看不懂的,而HTML5的聲明方式對用戶來說顯然更友好一些。
未來趨勢
1、移動優先
從如今層出不窮的移動應用就知道,在這個智能手機和將平板電腦大爆炸的時代,移動優先已成趨勢,不管是開發什么,都以移動為主。
2、游戲開發者領銜“主演”
許多游戲開發商都被Facebook或者Zynga推動著發展,而未來的Facebook應用生態系統是基于HTML5的,盡管在HTML 5平臺開發出游戲非常困難,但游戲開發商卻都愿意那么做。通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式,Facebook差不多就這么干的——基于Web應用及瀏覽器,但卻將之打包整合進原生應用。
3、2014計劃
2012年9月,W3C提出計劃要在2014年底前發布一個HTML5推薦標準,并在2016年底前發布HTML5.1推薦標準。
盈利方案
第一個解決方案,現有的盈利模式可以移植到HTML5,今天游戲開發者通過跟蘋果App Store合作非常賺錢,其實HTML5的模式也可以通過封裝把游戲放到App Store一樣的分成賺錢。
第二個解決方案,HTML5游戲可以“傍著”平臺,比方說Opera的游戲平臺或其它瀏覽器的平臺,以及所謂云游戲的游戲平臺,都是新的盈利模式的平臺。
第三個解決方案,在談到HTML5游戲與原生應用的表現性能比時,開發者需要考慮清楚要做的究竟是怎樣一款游戲,HTML5更適合輕量級的小游戲。而且HTML5在代碼保密性方面并不弱于原生應用。
第四個解決方案,前面3個都是以HTML5游戲或者應用的形式為贏利點,其實任何技術形態最終都是一樣,本質上都是服務于人(包含個人、企業),只要能滿足需求的業務組合都是盈利的方向,例如目前催生的微信網站、HTML5營銷、HTML5外包[2] 等,都是滿足現實需求的盈利方案