草案HTML5的原名是Web Applications 1.0,由WHATWG於2004年提出,2007年被W3C接受,並成立了新的HTML工作小組。
HTML 5的第壹個正式草案發布於2008年6月22日。HTML5還在完善的過程中。然而,大多數現代瀏覽器已經有壹些HTML5支持。
2012 12 12 17,萬維網聯盟(W3C)正式宣布,凝聚了大量Web工作者心血的HTML5規範已經正式定稿。按照W3C的發言,“HTML5是開放網絡平臺的基石。”
2013年5月6日,HTML 5.1正式草案發布。規範定義了第五個主要版本,第壹次需要修訂萬維網的核心語言:超文本標記語言(HTML)。在這個版本中,不斷引入新的功能來幫助Web應用程序的作者提高新元素的互操作性。
本草案發布以來,從2065 438+02 12 2月27日,修改了近百處,包括HTML和XHTML標簽,相關API,Canvas等。同時,HTML5圖片的img標簽和svg也做了改進,性能進壹步提升。
支持Html5的瀏覽器有Firefox、IE9及其更高版本、Chrome、Safari、Opera等。基於IE或Chrome(Chrome工程版或實驗版Chrome)的傲遊、360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器也具備支持HTML5的能力。
在移動設備上開發HTML5應用只有兩種方法,要麽使用HTML5的所有語法,要麽只使用JavaScript引擎。
JavaScript引擎的構造方式使得制作手機網頁遊戲成為可能。由於接口層的復雜性,已經保留了壹個UI工具包供使用。
純HTML5手機應用速度慢,錯誤百出,但優化後的效果會有所提升。雖然沒有多少人願意做這樣的優化,但是還是可以嘗試的。
HTML5手機應用最大的好處就是可以直接在網頁上調試修改。原應用的開發者可能需要花費大量的精力才能達到HTML5的效果,不斷重復編碼、調試、運行,這是首先要解決的問題。所以很多手機雜誌客戶端都是基於HTML5標準的,開發者很容易調試和修改。
2014,10年10月29日,環球網聯盟含淚宣布,經過差不多8年的努力,HTML5標準規範終於定稿並向公眾發布。
在過去的幾年裏,很多開發者陸續使用了HTML5的壹些技術。Firefox、Google Chrome、Opera、Safari 4+和Internet Explorer 9+都支持HTML5,但直到今天我們才看到“正式版”。
HTML5將取代1999中制定的HTML 4.01和XHTML 1.0的標準,以使網絡標準滿足當代網絡的需求,無縫地為桌面和移動平臺帶來豐富的內容。
W3C首席執行官Jeff Jaffe博士說:“HTML5將把網絡推向壹個新時代。不久前,網絡只是上網瀏覽壹些基本的文件,但現在,網絡是壹個非常豐富的平臺。我們已經進入了壹個穩定的階段,每個人都可以按照標準行事,可以在所有瀏覽器中使用。如果我們不能攜手,就不會有統壹的網絡。”
HTML5也有望成為夢想“開放Web平臺”的基石,可以進壹步推動跨平臺的Web應用。
接下來,W3C將致力於制定實時通信、電子支付和應用開發的標準和規範,還將創建壹系列隱私和安全保護措施。
W3C也在2012中透露,計劃在2016年底之前發布HTML 5.1。HTML5旨在支持移動設備上的多媒體。引入了新的語法特性來支持這壹點,比如視頻、音頻和畫布標簽。HTML5還引入了能夠真正改變用戶與文檔交互方式的新功能,包括:
新的分析規則增強了靈活性。
新屬性
消除過時或多余的屬性。
從壹個HTML5文檔到另壹個文檔的拖放功能。
離線編輯
加強信息傳遞
詳細的分析規則
多用途互聯網郵件擴展(MIME)和協議處理程序註冊
在SQL數據庫中存儲數據的通用標準(Web SQL)
2007年,萬維網聯盟(W3C)的新工作組采用了HTML5。這個工作組在2008年6月5438+10月發布了HTML 5的第壹個公開草案。目前HTML5處於“呼籲審查”狀態,W3C預計在2014年底達到最終狀態。語義特征(類:語義)
HTML5賦予網頁更好的意義和結構。在RDFa、微數據和微格式的支持下,更豐富的標簽將構建壹個對程序和用戶更有價值的數據驅動的Web。
本地存儲特征(類:離線& amp;存儲)
基於HTML5開發的網頁APP啟動時間更短,聯網速度更快,這都得益於HTML5 APP緩存和本地存儲功能。indexed db(HTML 5本地存儲最重要的技術之壹)和API文檔。
設備兼容性功能(類別:設備訪問)
自地理定位功能API文檔發布以來,HTML5為web應用開發者提供了更多的功能優化選擇,帶來了更多體驗功能的優勢。HTML5為數據和應用程序訪問提供了前所未有的開放接口。使得外部應用可以直接與瀏覽器內部的數據連接,例如視頻和音頻可以直接與麥克風和攝像頭連接。
連通性(類別:連通性)
更有效的連接效率使得基於頁面的實時聊天、更快捷的網頁遊戲體驗、更優化的在線交流得以實現。HTML5有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個,可以幫助我們實現數據從服務器“推送”到客戶端的功能。
網頁的多媒體特征(類別:多媒體)
在網頁上支持音頻、視頻等多媒體功能,與網站的app、相機、影音功能形成互補。
三維,圖形和特效特征(類:3D,圖形& amp;效果)
基於SVG、Canvas、WebGL和CSS3的3D功能,用戶將驚嘆於瀏覽器中呈現的驚人視覺效果。
性能和集成特性(類別:性能& amp;整合)
沒有用戶會永遠等待妳的加載——HTML 5將通過XMLHttpRequest2等技術解決之前的跨域問題,幫助妳的Web應用和網站在多樣化的環境中更快地工作。
CSS3功能(類別:CSS3)
在不犧牲性能和語義結構的情況下,CSS3提供了更多的樣式和更強的效果。此外,與以前的網頁排版相比,網頁的開放字體格式(WOFF)也提供了更高的靈活性和可控性。HTML5提供了壹些新元素和屬性,比如
1,取消了壹些過時的HTML4標簽。
這些包括純粹用於顯示效果的標記,例如
HTML5吸收了XHTML2的壹些建議,包括壹些改進文檔結構的功能。例如,使用新的HTML標簽,如頁眉、頁腳、對話框、旁白、插圖等。將使內容創建者能夠更有語義地創建文檔。以前開發者通常使用div來實現這些功能。
2.將內容從演示中分離出來。
b和I標簽依然保留,但含義與之前不同。這些標簽的意義只是為了標識壹段文字,而不是為其設置粗體或斜體樣式。標簽u,字體,中心和罷工已被完全刪除。
3.壹些全新的表單輸入對象
包括日期、URL和電子郵件地址,其他對象增加了對非拉丁字符的支持。HTML5還引入了微數據(microdata),這是壹種用機器可以識別的標簽來標記內容的方法,這使得語義Web的處理更加容易。總的來說,這些結構上的改進使內容創作者能夠創建更幹凈、更易於管理的網頁,對搜索引擎和屏幕閱讀軟件更友好。
4.壹個全新的更合理的標簽
多媒體對象將不再全部綁定在object或embed標簽中,而是視頻有視頻標簽,音頻有音頻標簽。
5.本地數據庫
該功能將嵌入壹個本地SQL數據庫,以加快交互式搜索、緩存和索引功能。同時,那些離線的Web程序也會受益匪淺。不需要豐富的動畫插件。
6.畫布對象
它將為瀏覽器帶來直接在其上繪制矢量圖形的能力,這意味著用戶可以直接在瀏覽器中顯示圖形或動畫,而無需Flash和Silverlight。
7、瀏覽器中的真實程序
將提供API來實現瀏覽器中的編輯、拖放和各種圖形用戶界面。內容修改標簽將被刪除,取而代之的是CSS。
8.Html5取代了Flash在移動設備中的地位。
9.其突出特點是加強了網頁的呈現,增加了本地數據庫。HTML5和Canvas 2D規範的制定已經完成。雖然它們不是W3C標準,但是這些規範功能齊全,企業和開發人員有壹個穩定的實現和規劃目標。
W3C首席執行官傑夫·賈菲(Jeff Jaffe)表示:“從今天開始,企業用戶可以清楚地知道,他們未來可以依賴HTML5。”HTML5是開放網絡標準的基石。它是壹個完整的編程環境,適用於跨平臺的應用程序、視頻和動畫、圖形、樣式、排版等數字內容發布工具,以及廣泛的網絡功能。
為了減少瀏覽器的碎片化,實現所有HTML工具的應用,W3C今天開始了W3C標準化的互操作性和測試。正如之前宣布的,W3C計劃在2014完成HTML5標準。
HTML工作組還發布了HTML5.1、HTML Canvas 2D上下文、Level 2和main elements等草案,以便開發者提前預覽下壹輪標準。它可能會破壞Flash。
很多業內人士說HTML最終會取代open core,比如Adobe的Flash,但短期內還不是時候。估計HTML5要到2014才會逐漸成熟,將現有的使用Flash的網絡開發完全轉向HTML5還需要壹段時間。雖然HTML5提供了許多優勢,但可能有壹些應用程序更適合更靈活的框架。壹些主流大公司正逐漸轉向HTML5。2065438+2005年2月26日,Google開始自動將Flash廣告轉換為HTML5格式,這可能會加速HTML5取代Flash的進程,但這個轉換過程並不是壹蹴而就的。
只是因為它是新的並不意味著它是安全的。
網絡應用程序開發工程師在學習新技術的同時,需要牢記網絡安全。HTML5構建的網頁和其他語言編寫的網頁壹樣容易泄露壹些敏感數據。歐洲網絡和信息安全局(ENISA)警告說,HTML5可能不夠安全。
它承諾了壹個無縫網絡。
HTML5將帶來統壹的網絡。無論是筆記本、臺式機還是智能手機,基於HTML5瀏覽網站應該都很方便。因此,開發者在設計網站時,需要重新考慮用戶體驗、網站瀏覽、網站結構等因素,使這個網站能夠通用於任何硬件設備。
它將成為企業的SaaS平臺。
壹些重量級企業,如微軟、Salesforce、SAP Sybase,都在開發HTML5開發工具。如果您正在構建企業應用程序,您可能會在不久的將來使用HTML5。因此,在構建公司的SaaS戰略遷移時,不要忘記HTML5。
它將變得非常靈活。
幾乎所有人都熱衷於開發獨立的移動應用,但HTML5很可能是獨立移動應用的終結者。由於HTML5直接將應用的功能添加到其內核中,很可能引領移動技術的潮流回到瀏覽器時代。HTML5允許開發者在(移動)瀏覽器中開發應用,因此如果妳正在為桌面或移動應用制定長期開發策略,妳可能需要考慮這壹點。2013年3月,HTML5標記語言的壹個缺陷被發現:它允許網站用幾GB的垃圾數據轟炸用戶,甚至在短時間內填滿硬盤。很多主流瀏覽器都會受此影響。
壹位名叫費羅斯·阿巴克哈迪賈的開發人員首先發現了這個漏洞。他表示,大多數主流網絡瀏覽器都將受到影響,包括蘋果Safari、谷歌Chrome、微軟IE和Opera。唯壹能阻止大量數據加載的是Mozilla的Firefox瀏覽器,其數據存儲限制為5MB。
這個問題的根源在於HTML5存儲本地數據的方式。雖然每個瀏覽器都有不同的存儲參數,但許多都支持用戶定義的限制,至少有2.5MB的數據將存儲在用戶的計算機上。
Abercrombie Hadijaha找到了壹種繞過數據上限的方法,創建了幾個與用戶訪問的網站相鏈接的臨時網站。因為大部分瀏覽器不計算這種偶然情況,所以二級網站也可以存儲和主網站壹樣多的數據。通過大量生成此類網站,該漏洞可以將大量數據加載到受影響的計算機中。
在測試這個漏洞的過程中,Albuquerque Hadijaha每16秒就可以將16 GB的數據加載到他的固態硬盤版MacBook Pro中。他指出,Chrome等32位瀏覽器可能會在硬盤滿之前崩潰。“壹些使用智能代碼的網站實際上解除了對用戶計算機存儲數據的限制。”阿伯卡迪·賈哈說。Abercrombie Hadijaha已經發布了壹組利用這壹漏洞的代碼,並創建了壹個名為Filldisk的專門網站來強調這壹漏洞的危害。網絡標準
HTML5本身是W3C推薦的,其開發是谷歌、蘋果、諾基亞、中國移動等數百家公司醞釀的技術。這種技術最大的優勢就是它是壹種開放的技術。換句話說,每壹個發布的標準都可以追溯到W3C數據庫。另壹方面,W3C采用的HTML5標準意味著每個瀏覽器或每個平臺都會實現它。
多設備跨平臺
使用HTML5的主要優點是這項技術可以跨平臺使用。比如妳開發壹款HTML5遊戲,可以很容易的移植到UC的開放平臺,Opera的遊戲中心,臉書的應用平臺,甚至通過打包技術分發到App Store或者Google Play,所以它的跨平臺性非常強,這也是大多數人對HTML5感興趣的主要原因。
適應性網頁設計
人們早就想象有可能“壹次設計,普遍適用”,讓同壹個網頁自動適應不同大小的屏幕,並根據屏幕寬度自動調整布局。
2010伊森·馬科特(Ethan Marcotte)提出了“自適應網頁設計”這個術語,指的是能夠自動識別屏幕寬度並做出相應調整的網頁設計。
這解決了網站為不同設備提供不同頁面的傳統情況,例如移動版本或iPhone/iPad版本。這樣肯定能保證效果,但是比較麻煩,同時需要維護好幾個版本。此外,如果壹個網站有多個門戶,這將大大增加架構設計的復雜性。
即時更新
遊戲客戶端每次都需要更新,很麻煩。但是,更新HTML5遊戲就像更新頁面壹樣,是即時的、瞬間的更新。
總結HTML5有以下優點:
1,提升可用性和人性化體驗;
2.有幾個新的標簽,這將有助於開發人員定義重要的內容;
3.它可以給網站帶來更多的多媒體元素(視頻和音頻);
4.可以很好的替代FLASH和Silverlight;
5,說到網站的抓取和索引,對SEO很友好;
6.它將廣泛應用於移動應用和遊戲中;
7.便攜性好。
缺點:
瀏覽器不太支持這個標準。由於新標簽的引入,瀏覽器之間會缺乏統壹的數據描述格式,導致用戶體驗不佳。HTML5誕生後,確立了壹個原則,所有技術都必須開放,不應該有專利限制。在此期間,Opera捐贈了CSS技術,而Google則提供了視頻格式WebM。
可以說大部分HTML協議已經在眾多網絡技術公司中達成共識,但是在視頻格式方面,全球各大互聯網公司都在爭論具體的標準,這可能會影響HTML5標準的分流。爭議的兩大陣營是Opera、Firefox、Google等。,另壹個陣營以蘋果為首。
MPEG陣營認為WebM格式有專利保護,違背了HTML5所有技術必須開放的原則。MPEG陣營更多是因為用的是這種視頻格式。HTML5規範開發出來,就會成為主流。
據統計,2013年,全球將有10億個手機瀏覽器支持HTML5,HTML Web開發者數量將達到200萬。毫無疑問,HTML5將成為未來5-10年移動互聯網領域的霸主。
IDC的調查報告顯示,截至2012年5月,79%的移動開發者已經決定將HTML5技術集成到他們的應有程序中。
65438年2月,萬維網聯盟宣布完成HTML5標準和Canvas 2D性能草案的制定,這意味著開發者將有壹個穩定的“規劃和實現”目標。有很多文章呼籲使用HTML5,並大力宣傳其好處。之前站長之家做過壹個調查,結果顯示只有36.16%的站長在學習,另外63.76%的站長表示在看。作為壹名站長,妳準備好開始學習HTML5了嗎?
從性能的角度來看,HTML5首先減少了HTML文檔,使之更容易。從用戶的可讀性來說,很多東西新手第壹眼看到都是看不懂的,但是HTML5的聲明方式顯然對用戶更友好。1,手機優先
從層出不窮的移動應用中我們知道,在這個智能手機和平板電腦爆炸的時代,移動優先已經成為壹種趨勢,無論開發什麽,都是以移動為主。
2.遊戲開發商領銜“主演”
許多遊戲開發者是由臉書或Zynga推動的,未來的臉書應用生態系統是基於HTML5的。雖然在HTML 5平臺上開發遊戲非常困難,但是遊戲開發者願意這樣做。也是通過PhoneGap和appmobi的XDK將網頁應用遊戲打包整合到原生應用中的壹種方式。臉書幾乎做到了這壹點——基於Web應用程序和瀏覽器,但將它們打包並集成到本地應用程序中。
3.2014計劃
2012年9月,W3C提出在2014年底前發布壹個HTML5推薦標準,在2016年底前發布壹個HTML5.1推薦標準。第壹種方案,現有盈利模式可以移植到HTML5。如今,遊戲開發商通過與蘋果App Store合作賺了很多錢。其實HTML5模式也可以分成把遊戲打包進App Store賺錢。
第二種解決方案是HTML5遊戲可以“傍”平臺,比如Opera的遊戲平臺或者其他瀏覽器的平臺,還有所謂的雲遊戲平臺,都是新盈利模式的平臺。
第三種解決方案,在談HTML5遊戲和原生應用的性能性能比時,開發者需要考慮清楚自己想做什麽樣的遊戲,HTML5更適合輕量級遊戲。而且HTML5在代碼保密性上也不遜於原生應用。
第四種解決方案,前三種都是HTML5遊戲或者應用的形式。其實任何技術形態到最後都是壹樣的,本質上都是為人服務的(包括個人和企業)。只要能滿足需求,業務組合就是盈利的方向,比如微信網站,HTML5營銷,HTML5外包,都是滿足實際需求的盈利方案。