自從1993 年6 月發(fā)布第一版超文本標(biāo)記語(yǔ)言--HTML，它便成為構(gòu)成網(wǎng)頁(yè)文檔的主流語(yǔ)言。隨著網(wǎng)絡(luò)的不斷發(fā)展，舊版本的HTML 已經(jīng)很難跟上開(kāi)發(fā)人員和使用者日益加快的步伐。為了適應(yīng)快速發(fā)展的Web 技術(shù)以及不斷提出的Web應(yīng)用需求，HTML5 應(yīng)運(yùn)而生。HTML 5 的第一份正式草案于2008 年1 月22 日公布，隨后一直處于發(fā)展?fàn)顟B(tài)。目前大部分瀏覽器如Chrome、IE、Firefox、Opera 等均可不同程度地支持HTML5。
1 HTML5 新特性
1.1 Web Socket
這個(gè)新特性實(shí)現(xiàn)了數(shù)據(jù)的實(shí)時(shí)傳送，使得服務(wù)器與客戶(hù)端、瀏覽器之間能夠雙向連接，直到明確關(guān)閉該連接才斷開(kāi)。通過(guò)Web Socket 技術(shù)構(gòu)建的HTML5 應(yīng)用，用戶(hù)不再需要頻繁的刷新頁(yè)面以獲取新數(shù)據(jù)，新數(shù)據(jù)會(huì)自動(dòng)由服務(wù)器端推送至用戶(hù)的電腦屏幕上。這就大大擴(kuò)展了網(wǎng)頁(yè)自動(dòng)獲取新數(shù)據(jù)的功能，達(dá)到即時(shí)聊天工具的效果。
1.2 離線存儲(chǔ)
雖然目前無(wú)線網(wǎng)的覆蓋率在逐步擴(kuò)大，但由于飛機(jī)、火車(chē)等交通工具或封閉室內(nèi)環(huán)境的限制，使得基于網(wǎng)絡(luò)連接的Web 應(yīng)用受到制約。HTML5 的離線存儲(chǔ)功能很好地解決了這個(gè)問(wèn)題。它的Web Storage API 會(huì)生成一個(gè)包含一系列URL的列表文件，這些URL 可以指向HTML、JavaScript、css 等資源，瀏覽器一旦讀取這個(gè)文件，就會(huì)下載相關(guān)資源并緩存在本地，保證用戶(hù)離線后仍然可以訪問(wèn)。
1.3 地理定位
隨著移動(dòng)網(wǎng)絡(luò)的流行，用戶(hù)對(duì)實(shí)時(shí)定位的需求也越來(lái)越高。HTML5 提供應(yīng)用接口--Geolocation API，能夠通過(guò)GPS或者網(wǎng)絡(luò)信息獲取用戶(hù)當(dāng)前位置。在室外空間信號(hào)強(qiáng)度高，GPS 能發(fā)揮定位作用；但在打雷下雨天氣或周?chē)趽跷镙^多時(shí)，根據(jù)IP、WiFi、MAC 地址等可以推斷出位置信息。
1.4 多媒體支持
HTML5 中video 元素支持OGG、WebM 及MPEG4 三種視頻格式，audio 元素支持OGG、MP3 及WAV 三種音頻格式。audio 和video 標(biāo)簽讓W(xué)eb 頁(yè)面輕松實(shí)現(xiàn)媒體的嵌入，它們的編碼標(biāo)準(zhǔn)是中立的，意味著瀏覽器廠商可以自己使用任何種編碼輸出媒體。HTML5 對(duì)音頻、視頻文件的支持使得瀏覽器擺脫了對(duì)插件的依賴(lài)，加快了頁(yè)面的加載速度，擴(kuò)展了互聯(lián)網(wǎng)多媒體技術(shù)的發(fā)展空間。
1.5 畫(huà)布功能
HTML5 的canvas 標(biāo)簽使用JavaScript 在網(wǎng)頁(yè)上繪制圖像，擁有多種繪制矩形、路徑、字符及添加圖像的方法，可以控制畫(huà)布中的每一像素，用戶(hù)不使用其他插件便可在網(wǎng)頁(yè)上隨意涂鴉。除此之外，開(kāi)發(fā)者可以充分利用這一標(biāo)簽，開(kāi)發(fā)出更加頁(yè)面更加絢麗的交互式游戲。
1.6 拖拽上傳
HTML5 的File API 接口設(shè)計(jì)，使得類(lèi)似于桌面的文件拖拽并上傳到服務(wù)器成為可能。這一技術(shù)改變了傳統(tǒng)Web應(yīng)用程序上傳文件的方式，不僅給用戶(hù)帶來(lái)了方便，而且內(nèi)存管理系統(tǒng)在需要大量文件上傳時(shí)也會(huì)從中受益。
1.7 多線程支持
HTML5 中的多線程是指在Web 應(yīng)用程序中可以并發(fā)執(zhí)行多個(gè)JavaScript 腳本，每個(gè)腳本執(zhí)行都是彼此獨(dú)立的一個(gè)線程。HTML5 中提出了工作線程(Web Worker)的概念，并希望具有響應(yīng)時(shí)間長(zhǎng)、啟動(dòng)性能良好、內(nèi)存消耗低的特征。工作線程的引入使得JavaScript 引擎可以并發(fā)地執(zhí)行JavaScript 代碼，從而實(shí)現(xiàn)了對(duì)瀏覽器端多線程編程的支持。
1.8 智能表單
表單負(fù)責(zé)數(shù)據(jù)采集功能，是Web 應(yīng)用程序中的重要組成部分。其中的數(shù)據(jù)驗(yàn)證功能需要瀏覽器一方借助腳本檢查表單信息。HTML5 提供了新的表單樣式工具，提高輸入類(lèi)型多樣化，表單結(jié)構(gòu)也更加自由，開(kāi)發(fā)者可以開(kāi)發(fā)出更加智能的表單輸入。
1.9 HTML5 新標(biāo)簽
新的結(jié)構(gòu)元素：
(1) ：定義外部的內(nèi)容。
(2) ：定義標(biāo)簽所處內(nèi)容之外的內(nèi)容，可用作文章的側(cè)欄。
(3)
(4)
新的內(nèi)聯(lián)元素：
(1)
(2)
(3)
新的內(nèi)嵌元素：
(1)
(2) ：定義音頻。
新的交互元素：
(1)
(2)
(3)
2 缺陷與不足
HTML5 引入新特性的同時(shí)也帶來(lái)了新的問(wèn)題。Websocket 為瀏覽器提供了網(wǎng)絡(luò)通信堆棧，攻擊者利用這項(xiàng)特性，可以輕易地進(jìn)行后門(mén)通信。使用離線存儲(chǔ)功能時(shí)，由于數(shù)據(jù)存儲(chǔ)在本地并且永不過(guò)期，攻擊者很可能盜取這些未加密數(shù)據(jù)，造成用戶(hù)的個(gè)人信息泄露。根據(jù)地理定位，攻擊者可以隨時(shí)獲取任何人的位置信息，給用戶(hù)帶來(lái)不必要的麻煩。雖然HTML5 能夠進(jìn)行多媒體播放，但可支持的音頻、視頻格式有限，在技術(shù)上還需要很大的提高才能完全丟棄插件。
除此之外，HTML5 的發(fā)展也受到社會(huì)、公司、開(kāi)發(fā)者等方方面面的約束。目前支持HTML5 技術(shù)的僅有少數(shù)最新版本的瀏覽器，并且支持程度參差不齊，不能保證最大限度地發(fā)揮HTML5 的優(yōu)勢(shì)。同時(shí)HTML5 仍處在不斷地研究與完善中，并沒(méi)有得以廣泛應(yīng)用。在它的發(fā)展期間，F(xiàn)lash 等將要在HTML5 中被廢棄的插件將會(huì)不斷發(fā)展，獲取最新的用戶(hù)體驗(yàn)。HTML5 能否在未來(lái)超越插件、獲取用戶(hù)的青睞不可預(yù)測(cè)。同時(shí)新標(biāo)簽的引入對(duì)開(kāi)發(fā)者和圖形設(shè)計(jì)師而言是一個(gè)巨變，他們能否接受并適應(yīng)這些變化，決定了HTML5 將何去何從。
3 結(jié)語(yǔ)
快速發(fā)展的HTML5 浪潮激發(fā)了人們無(wú)限的遐想，相對(duì)于其他標(biāo)準(zhǔn)的領(lǐng)先優(yōu)勢(shì)讓許多人視它為未來(lái)Web 應(yīng)用的主宰。但無(wú)數(shù)的歷史經(jīng)驗(yàn)告訴我們：好的標(biāo)準(zhǔn)未必是最后的勝利者。HTML5 目前只是初具規(guī)模，它還需要不斷研究與完善。我們應(yīng)當(dāng)實(shí)時(shí)審時(shí)度勢(shì)，發(fā)展壯大新技術(shù)，最終實(shí)現(xiàn)成為下一代Web 應(yīng)用開(kāi)發(fā)標(biāo)準(zhǔn)的目標(biāo)。
核心關(guān)注：拓步ERP系統(tǒng)平臺(tái)是覆蓋了眾多的業(yè)務(wù)領(lǐng)域、行業(yè)應(yīng)用，蘊(yùn)涵了豐富的ERP管理思想，集成了ERP軟件業(yè)務(wù)管理理念，功能涉及供應(yīng)鏈、成本、制造、CRM、HR等眾多業(yè)務(wù)領(lǐng)域的管理，全面涵蓋了企業(yè)關(guān)注ERP管理系統(tǒng)的核心領(lǐng)域，是眾多中小企業(yè)信息化建設(shè)首選的ERP管理軟件信賴(lài)品牌。
轉(zhuǎn)載請(qǐng)注明出處：拓步ERP資訊網(wǎng)http://www.ezxoed.cn/
本文標(biāo)題：超文本標(biāo)記語(yǔ)言HTML5新特性探索
本文網(wǎng)址：http://www.ezxoed.cn/html/support/1112186499.html
相關(guān)文章
