王燕妮
摘要:文章簡述了HTML的發(fā)展歷程,研究討論了HTML5規(guī)范新增功能的3個方面以及新的特性和優(yōu)勢。根據(jù)HTML5目前的應用現(xiàn)狀以及趨勢,結(jié)合實例總結(jié)了HTML5當下應用的主要領(lǐng)域。
關(guān)鍵詞:We啦用;HTML5;應用趨勢
自Web興起發(fā)展至今,HTML語言從1993年發(fā)明伊始,發(fā)布第一版草案到1999年發(fā)布HTML4.01,都在穩(wěn)定地發(fā)展著。然而從1999年開始,HTML很長時間并沒有繼續(xù)發(fā)布新的版本。W3C組織自2000年開始推薦新的標準XHTML。然而XHTML標準要求嚴格,要求開發(fā)人員改變編寫網(wǎng)頁的方式,甚至已經(jīng)存在的網(wǎng)頁都必須重新更新才能被瀏覽器正確解析,因此經(jīng)過5年時間,發(fā)布了版本二后遭到了失敗。與此同時,Opera,Mozilla和Apple自發(fā)組織,致力于尋找新的解決方案。他們改變思路,并不想取代HTML,而是以無障礙、向后兼容的方式擴展,加入一些對開發(fā)人員更有用的功能,漸漸形成了日后的HTML5標準。W3C組織后來也致力于此標準的改造,并于2014年10月發(fā)布HTML5規(guī)范。
1 HTML5新的特性
HTML5規(guī)范制定者分析了互聯(lián)網(wǎng)上已有的10億個網(wǎng)頁的統(tǒng)計信息,依據(jù)實用至上、平穩(wěn)過渡的原則,制定了現(xiàn)在廣泛應用的HTML5標準。
1.1 簡化了規(guī)則
HTML5規(guī)范的制定者簡化了以往版本中的某些規(guī)則。比如在每個HTM頂面的第一行的文檔類型說明。文檔類型說明<!DOCTYPE>旨在說明文檔使用的HTML版本。文檔類型說明是必須的,如果沒有這一行,那么大多數(shù)瀏覽器會轉(zhuǎn)換到一種混雜模式,在這樣的模式下,瀏覽器不一定會正確地顯示內(nèi)容。然而原來的文檔類型說明冗長復雜,開發(fā)人員一般依靠復制粘貼來完成這步驟。HTML5簡化了文檔類型說明,只有一種<!DOCTYPE html>,簡單容易記憶。與此類似的還有字符編碼的說明,HTMLSC檔利用添加字符編碼信息,HTML5去除了不必要的屬性,只留相關(guān)屬性說明文檔編碼。此外在引用外部文件如CSS文件、JavaScript文件也有一定的簡化。
1.2 增改了一些元素
谷歌分析了互聯(lián)網(wǎng)中10億個網(wǎng)頁的信息,并形成了統(tǒng)計信息。這個統(tǒng)計信息分析并列出了Web作者在自己網(wǎng)頁中使用的類名。據(jù)此信息,根據(jù)匯編出來的最常用的類名,規(guī)范制定者們新增了一些新的語義元素。比如用于構(gòu)建頁面的語義元素/header>
1.3 新增了更好的本地存儲功能
Web應用中的數(shù)據(jù)可以保存在Web服務器,也可以保存在Web客戶端。Web服務器適合保存重要、敏感信息,例如網(wǎng)上購物時的交易信息。客戶端適合存儲用戶偏好和應用狀態(tài)等一些不太重要的信息。以前,本地存儲的唯一方案是cookie。然而操作cookie程序復雜,語法不盡人意。HTML5新增了本地存儲功能,稱之為Web存儲。Web存儲分為本地存儲和會話存儲,分別用于長期保存數(shù)據(jù)和臨時保存數(shù)據(jù)。這個功能將內(nèi)嵌一個本地的SQL數(shù)據(jù)庫,以加速交互式搜索、緩存以及索引功能。同時,那些離線Web程序也將因此獲益匪淺,可以有不需要插件的豐富動畫。
1.4 新增了一些API
HTML5提供了更多的API,這些API易于開發(fā)人員創(chuàng)建各種豐富的Web應用。比如令程序員青睞的Canvas,在頁面新增Canvas對象后,利用JavaScript操作此對象,可畫出很多絢麗的圖形。Selectors API用于查找頁面DOM元素,可以更精確快速地指定希望獲取的元素,其選取規(guī)則與CSS中使用的選擇規(guī)則類似。另外還有拖放API、頁面可見性API、全屏API等,可以幫助開發(fā)者構(gòu)建更精彩的Web應用。
2 HTML5應用現(xiàn)狀
正是因為HTML5增加的新功能及新特性,并且更適合開發(fā)當今流行的移動應用,因此從剛面世的那天,它就受到了開發(fā)人員及用戶的青睞。
2.1 HTML5用來開發(fā)游戲
HTML5新增7canvas對象,可以在瀏覽器中繪畫圖像,因此canvas對象可以實現(xiàn)原來flash的功能,且不用額外安裝插件,因此可以利用這個新增加的功能,再輔以JavaScript、CSS等開發(fā)HTML5游戲,尤其是移動端的小游戲。因為移動設備的便攜性,可以通過各種移動應用接口或者瀏覽器加載設計精巧的HTML5小游戲,隨時隨地玩樂,所以HTML5游戲借助各種社交平臺的傳播,例如微信朋友圈、微博或其他社交網(wǎng)站,一度風靡。例如2014年大火的“圍住神經(jīng)貓”。借助朋友圈的分享,無需下載,即點即用,立即收獲了一大批粉絲,上線3天便創(chuàng)造了用戶500萬、訪問量超1億的神話,甚至還帶動了有關(guān)神經(jīng)病貓的各種周邊產(chǎn)品。
2.2 HTML5用來進行網(wǎng)絡營銷
網(wǎng)絡營銷是建立在互聯(lián)網(wǎng)基礎上、借助于互聯(lián)網(wǎng)來更有效地滿足顧客的需求和愿望,從而實現(xiàn)企業(yè)營銷目標的一種手段。HTML5頁面設計美觀、功能強大、互動性強、適合移動端操作,營銷設計人員們趨之若鶩,一時間,基于HTML5創(chuàng)建各種營銷頁面十分流行,甚至有了簡稱的H5營銷這一概念。H5營銷通常用于活動運營、品牌宣傳、產(chǎn)品介紹、總結(jié)報告。形式多樣,可以是游戲、邀請函、賀卡、測試題等形式。HTML5無非是HTML的更高版本,它在今天的互聯(lián)網(wǎng)營銷中能受到如此青睞,一是互聯(lián)網(wǎng)的快速發(fā)展,特別是移動社交平臺的傳播優(yōu)勢使得人們越來越注重網(wǎng)絡營銷;二是當今設計美輪美奐,并且HTML5實現(xiàn)各種外觀及互動設計更便捷,因此各種H5營銷更能吸引眼球,抓住人心。比如微信曾為搶紅包推出的專題頁面《從此看盡中國人的名與利》,創(chuàng)意巧妙新穎,畫面設計細膩,文案發(fā)人深省,堪稱設計典范。淘寶曾在雙十二推出的預售推廣專題頁,操作簡單,然而頁面呈現(xiàn)效果流暢生動,簡直將HTML5的技術(shù)發(fā)揮得淋漓盡致。
2.3 HTML5用來開發(fā)web APP
Web APP就是運行于網(wǎng)絡和標準瀏覽器上,基于網(wǎng)頁技術(shù)開發(fā)實現(xiàn)特定功能的應用。Web APP和一般web網(wǎng)站的區(qū)別在于使用網(wǎng)頁技術(shù)做信息的展示,包括文字和媒體文件等,liegeb App更側(cè)重執(zhí)行某個任務。Web APP具有跨平臺特性,且用戶不需要下載,不需要頻繁升級更新,可以動態(tài)更新。使用HTML5的描述文件功能,可以實現(xiàn)離線應用。雖然Web應用使用的基礎就是要在線,然而并不能保證永遠不掉線。離線應用可以保證Web APP應對間歇性的網(wǎng)絡中斷,不會中斷任務,用戶體驗如同原生APP。此外,HTML5新增的本地存儲功能、音視頻播放功能以及更多的API,可以更便捷地實現(xiàn)更豐富的功能以及更良好的交互,雖然這些功能或者交互在以前只有原生APP才可以實現(xiàn)。綜上種種,現(xiàn)在又開始了開發(fā)web App的熱潮。
3 結(jié)語
HTML是一門不斷發(fā)展的語言。HTML5的標準制定不僅契合當今Web發(fā)展現(xiàn)狀,而且又為HTML的后續(xù)發(fā)展增添了新的設計理念。當下,HTML5應用普及流行,雖然還有一些限制,比如HTML5頁面泛濫后人們的審美疲勞以及WebApp本身的普及度并未達到預期,但是正如HTML是不斷發(fā)展的,Web開發(fā)也會不斷發(fā)展。