HTML5簡介


 

 

HTML5是用於取代1999年所制定的HTML 4.01和XHTML 1.0 標准的HTML標准版本,現在仍處於發展階段,但大部分瀏覽器已經支持某些HTML5技術。HTML5有兩大特點:首先,強化了 Web 網頁的表現性能。其次,追加了本地數據庫等 Web 應用的功能。廣義論及HTML5時,實際指的是包括HTML、CSS和java script在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,並且提供更多能有效增強網絡應用的標准集。   
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 工作團隊。 
HTML5的第一份正式草案已於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的能力。 
特性 
語義特性(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應用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用java script引擎。 
java script引擎的構建方法讓制作手機網頁游戲成為可能。由於界面層很復雜,已預訂了一個UI工具包去使用。 
純HTML5手機應用運行緩慢並錯漏百出,但優化后的效果會好轉。盡管不是很多人願意去做這樣的優化,但依然可以去嘗試。 
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果,不斷地重復編碼、調試和運行,這是首先得解決的一個問題。 
HTML5的移植非常簡單,但假設每個人都會讓這變成一個自動化操作。 
優點 
網絡標准 
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、將被大量應用於移動應用程序和游戲。 
應用須知 
它可能會消滅Flash 
許多業內人士表示,HTML將會最終代替多媒體框架,如Adobe的Flash,但是短期看來還不是時候。HTML5估計到2014年才能逐步成熟,而且將現有應用Flash的網絡開發完全轉向HTML5還需要一段時間。盡管HTML5提出了許多優點,但是還可能有某些應用更適合於更靈活的框架。一些主流的大公司都逐步轉向使用HTML5,但是這個轉變的過程也不是一蹴而就的。 
它新並不表示它安全 
網絡應用開發工程師們在學習新技術的同時需要時刻記住網絡安全。HTML5所構建的網頁和其他語言編寫的網頁一樣容易泄露一些敏感數據。歐洲網絡信息安全機構(European Network and Information Security Agency,ENISA)已經警告說HTML5可能並不夠安全。 
它承諾帶來一個無縫的網絡 
HTML5會帶來一個統一的網絡,無論是筆記本,台式機,還是智能手機都應該很方便的瀏覽基於HTML5的網站。因此在設計網站的時候,開發者需要重新考慮用戶體驗,網站瀏覽,網站結構等因素使得這個網站對任何硬件設備都通用。 
它會變成企業的SaaS平台 
一些重量級的企業,如微軟,Salesforce,SAP Sybase正在開發HTML5的開發工具。如果你正在構建企業應用,很可能不久的將來你就要用到HTML5。所以當構建公司的SaaS戰略遷移的時候也不要忘記HTML5。 
它將會變得很移動 
幾乎所有人都熱衷於開發獨立的移動應用,但是HTML5很可能會是獨立移動應用的終結者。由於HTML5將應用的功能直接加入其內核,這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在(移動)瀏覽器內開發應用,所以如果你正在制定一項桌面或者移動應用的長期發展策略,你可能需要考慮這一點。 
未來趨勢 
1、移動優先 
從如今層出不窮的移動應用就知道,在這個智能手機和將平板電腦大爆炸的時代,移動優先已成趨勢,不管是開發什么,都以移動為主。 
2、游戲開發者領銜“主演” 
許多游戲開發商都被Facebook或者Zynga推動着發展,而未來的Facebook應用生態系統是基於HTML5的,盡管在HTML 5平台開發出游戲非常困難,但游戲開發商卻都願意那么做。通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式,Facebook差不多就這么干的——基於Web應用及瀏覽器,但卻將之打包整合進原生應用。

 

(轉載)  http://www.mycodes.net/164/7455.htm


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM