HTML5適用范圍有哪些

這篇“HTML5適用范圍有哪些”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“HTML5適用范圍有哪些”文章吧。

　　一、HTML5是什么？

　　HTML5本身是由W3C推薦出來的，它的開發(fā)是通過谷歌、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術，這個技術最大的好處在于它是一個公開的技術。

　　換句話說，每一個公開的標準都可以根據(jù)W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平臺都會去實現(xiàn)。

　　1、狹義的HTML5

　　HTML5草案的前身名為Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的HTML工作團隊。2013年5月6日，HTML 5.1正式草案公布。

　　該規(guī)范定義了第五次重大版本，第一次要修訂萬維網(wǎng)的核心語言：超文本標記語言（HTML）。在這個版本中，新功能不斷推出，以幫助Web應用程序的作者，努力提高新元素互操作性。

　　2、廣義的HTML5

　　廣義的HTML5包括HTML, CSS和JavaScript在內(nèi)的一套技術組合，其目標是減少瀏覽器對于插件的依賴，提供豐富的RIA（富客戶端）應用。

　　所以，CSS3，SVG，WebGL，Touch事件，動畫支持等都屬于HTML5技術范圍（具體可查看馬海祥博客《HTML5的主要技術組成部分及功能介紹》的相關介紹）。

　　二、HTML5適用范圍

　　HTML5的應用仍存在巨大的上升空間，近期內(nèi)很可能從廣告行業(yè)逐漸往游戲行業(yè)、廣播電視行業(yè)和媒體行業(yè)轉型，不遠的未來還能把觸角伸得更遠。

　　1、酷的應用

　　曾經(jīng)有人這樣形容HTML5，doing anything cool （on the web），HTML5可以做很酷的應用，無需安裝插件，就可以在網(wǎng)頁中全屏觀看高清視頻，玩兒輕巧的在線游戲，體驗流暢的動畫效果，瀏覽精美的網(wǎng)絡圖，收聽網(wǎng)絡電臺的音樂……一些小而美的應用非常適合HTML5，企業(yè)應用中的某些模塊也可以選擇HTML5。

　　2、非得跨平臺嗎？

　　每種編程語言和技術都有特定的適用范圍，如果你的目標客戶是iPhone，你只需要考慮Safari for Mobile就可以了，如果還要考慮Android平臺，選擇支持Webkit內(nèi)核，如果目標人群是高端用戶，用些新技術也是可行的，如果非得所有平臺都支持，在基本功能之外，使用HTML5技術增加一些亮點，也會很有吸引力。

　　三、HTML5的缺點

　　HTML5雖然有很多的優(yōu)勢，但是HTML5也有他的適用范圍，HTML5技術是一種被夸大了的萬金油，在目前瀏覽器支持不一，開發(fā)工具，第三方類庫缺乏的情況下，HTML5無法解決一切問題，但如果限定它的使用范圍，HTML5確實可以優(yōu)雅的解決很多問題。

　　目前來說，HTML5最大的缺點是：功能簡單且分散、瀏覽器支持不一。

　　1、功能簡單且分散

　　HTML5是一種技術集合，包括各種標簽及其相關API，HTML，CSS，SVG，JavaScript等，沒有統(tǒng)一的開發(fā)工具，一個完整的HTML5應用涉及到多種技術，導致開發(fā)難度大，對于企業(yè)應用，HTML5的功能有限，需要借助第三方類庫。

　　2、瀏覽器支持不一

　　一直以來HTML5都以跨平臺著稱，但實際上要實現(xiàn)這一目標工作量巨大，HTML5缺少一個瀏覽器的標桿（Webkit有希望成為），尤其目前在IE6/7/8占有率居高不下的情況下，希望用HTML5跨全平臺基本是不可能的（具體可查看馬海祥博客《如何解決IE6/IE7/IE8瀏覽器不兼容HTML5新標簽的問題》的相關介紹）。

　　四、HTML5應用現(xiàn)狀

　　從硬件角度來看，國內(nèi)手機和平板兩種移動設備應用最廣，PC端次之，緊接著是電視和游戲設備。

　　從軟件角度來看，桌面瀏覽器對HTML5的支持高于移動瀏覽器，最高可達95%；而從整體上而言，移動瀏覽器對HTML5的支持卻優(yōu)于桌面瀏覽器。

　　HTML5具有較好的瀏覽器向后兼容性，開發(fā)者能對瀏覽器不支持的情形設計各種各樣的回退方案。因此，HTML5頁面的實際顯示性能與開發(fā)者、制作平臺密切相關。

　　2015年，越來越多公司在HTML5品牌推廣上進行布局。6至7月份起，雞湯、自媒體等個人作品呈下降趨勢，商企用戶作品則保持高速增長。在商業(yè)需求的驅動下，HTML5頁面設計的目的性更強，獲得最好傳播效果的基本是經(jīng)過一定時間策劃，在團隊操作下有針對性地進行投放的企業(yè)案例。

　　相對應地，原有HTML5平臺也進行了大面積升級，從平臺性質而言，HTML5平臺可分為輕營銷模板類、功能引擎類和基礎工具類三種，分別以易企秀、白鷺引擎和iH5為代表。

　　1、HTML5平臺的特點

　　一般來說，三類HTML5平臺的特點如下：

　?。?）、輕營銷模板類：提供類似PPT頁面切換的HTML5制作工具，通常面向C端（個人）用戶，部分為B端（企業(yè)）用戶。該類平臺的數(shù)量較大，只適用于輕度營銷，所能提供的頁面動態(tài)效果局限于翻頁。

　?。?）、功能引擎類：提供HTML5網(wǎng)頁的開發(fā)引擎，通常面向B端用戶。該類平臺主要提供基于Canvas（畫布）的游戲引擎，適用于輕游戲的開發(fā)，依賴于開發(fā)者。

　?。?）、基礎工具類：提供用于頁面交互的HTML5可視化編輯工具，主要面向B端用戶，部分為C端用戶。該類平臺只有iH5，采用自主研發(fā)的閉源引擎，應用領域廣泛，涵蓋輕度營銷、重度營銷、媒體電商內(nèi)容應用、視頻、動畫、游戲等方面。

　　與瀏覽器多采用谷歌開源引擎的狀況相近，國內(nèi)HTML5平臺基本使用國內(nèi)外開源框架或引擎。但和瀏覽器面向網(wǎng)頁內(nèi)容顯示，只需提供高性能的技術支持不同，HTML5平臺面向的是HTML5制作或開發(fā)，需要對網(wǎng)頁質量負責。

　　因此，使用開源框架或引擎意味著這些HTML5平臺進一步拓展業(yè)務會比較被動，容易面臨同質化的困境。

　　2、HTML5平臺的對比

　　因為整體上移動端瀏覽器對HTML5的支持優(yōu)于PC端，2015年HTML5平臺主要面向移動端網(wǎng)頁的制作和開發(fā)。

　　如上表，三種HTML5平臺以PC網(wǎng)站、APP和軟件三種形式提供制作或開發(fā)工具，成品為網(wǎng)頁或HTML5源碼。由表可見：

　?。?）、輕營銷模板類HTML5平臺只能做輕度營銷，能實現(xiàn)翻頁等簡單動效，分為場景展示、電子出版和動畫制作三種。如下圖為易企秀桌面編輯界面，該類平臺最大的共同點在于工具結構以頁面為基礎，與軟件PowerPoint架構相近，能通過增減頁面、使用功能組件和點擊快捷菜單來調整內(nèi)容。

　?。?）、功能引擎類HTML5平臺的用戶專指性很強，主要是有開發(fā)經(jīng)驗的技術人員。下圖為Egret Wing軟件設計師視圖下的基本架構，使用HTML5引擎把基礎代碼流程化，再借助第三方集成開發(fā)環(huán)境Adobe Air構建可視化工具，就能通過讓用戶使用軟件組件來簡化開發(fā)過程。

　?。?）、基礎工具類HTML5平臺提供底層交互型產(chǎn)品，開發(fā)目的、設計原理和實現(xiàn)思路都以交互為基礎，國內(nèi)只有iH5。iH5于2015年9月上線，提供HTML5制作工具、工具培訓和作品交易等服務。它本質上封裝了DOM（文檔對象模型）引擎的一個集成開發(fā)環(huán)境，使用者以設計師為主，適合廣告公司、大型媒體公司和公司市場部等使用。

　　如上圖，iH5提供的是舞臺、屏幕、頁面、多媒體素材、事件、數(shù)據(jù)庫等對象組件，而不是構建好的模塊組件，在提供可視化編輯的前提上，它最大程度還原了HTML5頁面的開發(fā)過程，具有較高的拓展性。由于提供底層交互功能，它的應用領域較廣泛，能用于微信推廣、網(wǎng)站建設、輕游戲設計、輕APP開發(fā)和視頻交互等多個方面。

　　同樣是HTML5規(guī)范，對HTML5技術與性能的取舍成為國內(nèi)HTML5平臺工具定位和提供服務的差別所在（具體可查看馬海祥博客《深入解析HTML5的8大性能》的相關介紹）。

　　五、為什么選擇HTML5技術？

　　2014年下半年，微信幫助捧火了HTML5小游戲，自此國內(nèi)各行各業(yè)開始對HTML5保持持續(xù)高漲的關注。接著的2015年是國內(nèi)HTML5行業(yè)迅速發(fā)展的一年，在媒體大肆渲染“互聯(lián)網(wǎng)寒冬”之際，HTML5作品的生產(chǎn)數(shù)量和傳播廣度卻居高不下，為寒冬增添一把柴火。

　　1、Web應用開發(fā)新標準

　　HTML5，第五版超文本標記語言，于2014年10月由萬維網(wǎng)聯(lián)盟（W3C）發(fā)布為正式推薦標準。它是HTML自1991年問世以來，最具變革價值的技術規(guī)范，歷經(jīng)多年修訂與完善才制定完成。

　　過去，Web開發(fā)面臨兩種困境：

　　（1）不少人質疑Flash的安全性等問題，卻找不到替代它的合適插件；

　?。?）工程師們抱怨PC端和移動端應用的多次開發(fā)，仍舊得為微軟、蘋果、安卓等系統(tǒng)設計不同方案。

　　而HTML5提供了良好的解決方案。與JavaScript、CSS等緊密結合后，HTML5能使瀏覽器不需要類似Flash的插件也能實現(xiàn)桌面應用的交互效果，它的跨平臺可用性更令應用的一次開發(fā)成為可能。

　　如上圖，Youtube使用HTML5的video元素進行標記后，網(wǎng)頁不需要第三方插件就能播放音視頻等。因此，HTML5的興起具有非常深遠的意義，它已經(jīng)從簡單的標記語言化身為Web應用開發(fā)的先驅。

　　2、HTML5 Vs Flash

　　以前富客戶端應用主要通過插件技術實現(xiàn)，比如Adobe Flash, Microsoft Silverlight, Java Applet，存在一些問題：需要安裝插件，不支持移動設備，私有技術，沒有國際標準等等，當然插件技術也有優(yōu)勢的地方，有特定的用途，上面就Flash技術和HTML5進行比較。

　　3、互聯(lián)網(wǎng)發(fā)展的趨勢

　　隨著網(wǎng)絡架構的完善，寬帶提升，網(wǎng)速滿足實時交互需求時，計算機結構也將發(fā)生變化，光驅消失，硬盤消失，內(nèi)存增大，GPU愈加重要，現(xiàn)在B/S結構的應用越來越多，而HTML5旨在富互聯(lián)網(wǎng)應用，能夠改善B/S結構應用的用戶體驗是互聯(lián)網(wǎng)應用的趨勢之一。

　　目前HTML5已經(jīng)可以解決很多問題，多少可以用到一部分，而面向未來互聯(lián)網(wǎng)，基于“云+終端”的構架，終端的HTML5的兼容解決方案必然會出現(xiàn)，那時候你就可以全面擁抱HTML5了。

以上就是關于“HTML5適用范圍有哪些”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關的知識內(nèi)容，請關注億速云行業(yè)資訊頻道。