Web標(biāo)準(zhǔn)與Html5重點(diǎn)技術(shù)探討

丁玲

Web標(biāo)準(zhǔn)與Html5重點(diǎn)技術(shù)探討

丁玲

（江蘇省徐州財(cái)經(jīng)高等職業(yè)技術(shù)學(xué)校，江蘇 徐州 221008）

隨著互聯(lián)網(wǎng)行業(yè)的飛速進(jìn)步，Web標(biāo)準(zhǔn)越來越得到大眾的認(rèn)可，而Html5是超文本標(biāo)記語言的第五個標(biāo)準(zhǔn)規(guī)范，結(jié)合了Html4.01的相關(guān)標(biāo)準(zhǔn)并革新，包含Html、CSS3和JavaScript的整套技術(shù)是近10年來Web開發(fā)標(biāo)準(zhǔn)巨大的飛躍，Html5將Web帶上了一個成熟的應(yīng)用平臺，并將視頻、音頻、圖像、動畫以及與設(shè)備的交互都進(jìn)行了規(guī)范。分析梳理了Web標(biāo)準(zhǔn)與Html5的新特性，并展望了其應(yīng)用前景。

Web標(biāo)準(zhǔn)；Html5；XML；CSS

隨著人們生活水平的提高、科技的發(fā)展，在越來越開放的計(jì)算機(jī)環(huán)境中，為了維持共同的最終用戶體驗(yàn)，互聯(lián)網(wǎng)中各個相互關(guān)聯(lián)的事物要能夠協(xié)同和交互工作，因此就必須遵守一些共同的標(biāo)準(zhǔn)來工作[1]。因此，Web標(biāo)準(zhǔn)應(yīng)運(yùn)而生，Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合，它能夠幫助設(shè)計(jì)者們幫助簡化源代碼，縮短開發(fā)和維護(hù)時間，而且基于Web標(biāo)準(zhǔn)的頁面結(jié)構(gòu)方便實(shí)用，瀏覽器的搜索引擎能夠迅速建立精確的索引，并對信息進(jìn)行評估。通過對樣式表的重用，Web開發(fā)人員能夠應(yīng)用更少的代碼量獲取到更多的信息，使得網(wǎng)站的維護(hù)更加方便快捷。

而伴隨著移動互聯(lián)技術(shù)的快速發(fā)展和智能終端設(shè)備的廣泛應(yīng)用，人們不斷對Html相關(guān)技術(shù)提出新的要求，第五代互聯(lián)網(wǎng)編程語言標(biāo)準(zhǔn)規(guī)范Html5由萬維網(wǎng)聯(lián)盟宣布制定完成并于2014年頒布，用于規(guī)范網(wǎng)頁如何顯示內(nèi)容，是唯一通用于PC、Mac、iPhone、Android、WindowsPhone等主流平臺的跨平臺語言[2]。Html5可以同時實(shí)現(xiàn)文字、圖片、音頻、視頻以及多種功能，如今已逐漸應(yīng)用于人們生活的各個領(lǐng)域，其關(guān)鍵技術(shù)將不斷促進(jìn)著互聯(lián)網(wǎng)的發(fā)展。

1 Html5核心技術(shù)

Html5技術(shù)是Web中核心語言Html的規(guī)范，被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一，它是包括Html、CSS3和JavaScript在內(nèi)的一套技術(shù)組合。Html5語法特征更加明顯同時還結(jié)合了其他元素，對原有的功能進(jìn)行調(diào)整和修改，要求所有開發(fā)人員進(jìn)行標(biāo)準(zhǔn)化工作[3]。此外，Html5能夠減少瀏覽器對部分插件的依賴，如Flash、MicrosoftSilverlight等，從而提高網(wǎng)絡(luò)服務(wù)應(yīng)用的輕便性和獨(dú)立性。

1.1 語義特性（Class：Semantic）

Html5引入了新的結(jié)構(gòu)化的語義標(biāo)簽，在文檔結(jié)構(gòu)上會更加清晰，新添加的智能表單控件和頁面元素大大地增強(qiáng)了Html可表達(dá)的表單形式，表單是實(shí)現(xiàn)用戶與頁面后臺交互的主要組成部分，智能表單增強(qiáng)了用戶體驗(yàn)感，原本需要用JavaScript代碼實(shí)現(xiàn)的控件現(xiàn)在卻可以直接選擇Html的某一表單類型或標(biāo)簽實(shí)現(xiàn)，微數(shù)據(jù)的引入使得Web的操作和使用更加簡單，例如內(nèi)容提示、自動獲取焦點(diǎn)以及數(shù)據(jù)驗(yàn)證等功能[4]。

1.2 本地存儲特性（Class：OFFLINE&STORAGE）

Html5技術(shù)的Html5APPCache和本地存儲功能能夠使網(wǎng)頁的啟動更快速和便捷，且不需使用任何插件，本地存儲功能可以實(shí)現(xiàn)將數(shù)據(jù)完整保存，即使重啟瀏覽器也可以繼續(xù)存在。Html5支持DOMStorage和WebSQLDatabase兩種存儲機(jī)制，可以實(shí)現(xiàn)不同的存儲需要，前者可以實(shí)現(xiàn)復(fù)雜結(jié)構(gòu)的數(shù)據(jù)本地存儲，DOMStorage適用于具有key/value的本地存儲；而WebSQLDatabase是適用于關(guān)系型數(shù)據(jù)庫的存儲方式，開發(fā)者可以使用SQL語法對這些數(shù)據(jù)進(jìn)行查詢、插入等操作[5]。

1.3 網(wǎng)頁多媒體特性（Class：MULTIMEDIA）

Html5技術(shù)支持網(wǎng)頁端的Audio、Video等多媒體功能，內(nèi)置畫布、視頻、音頻、SVG、WebGL等對象，可以在Web中嵌入音視頻播放功能，從而不需要其他插件的支持便也可以讓用戶在設(shè)備上享受文字、圖像、聲音、視頻等的結(jié)合。

1.4 設(shè)備兼容特性（Class：DEVICEACCESS）

Html5中提供了數(shù)據(jù)與應(yīng)用接入開放接口，這種功能上的優(yōu)勢就可以使內(nèi)部數(shù)據(jù)與外部應(yīng)用直接相連，因此Html5就能夠更好地兼容以往的技術(shù)，比如影音文件等可以直接與microphones及攝像頭相聯(lián)，更便于用戶的使用。另外，在獲取手機(jī)定位和手機(jī)地圖的IP地址的探測方面，Html5可以通過geolication中的AIP功能來實(shí)現(xiàn)目標(biāo)的精確定位，從而取代原來的IP定位[7]。Html5通過使用GPS和網(wǎng)絡(luò)信息等多種定位方式獲取位置信息，相比于之前的IP定位更加精準(zhǔn)。另外，Html5除了可以定位自身的位置，還可以在他人開放信息的情況下獲得他人的定位信息[6]。

1.5 CSS3特性（Class：CSS3）

CSS3中能夠在不需要更多的改變性能和語義結(jié)構(gòu)的前提下，提供更多的風(fēng)格和更豐富的設(shè)計(jì)效果。

1.6 多線程特性

Html5利用工作線程WebWorker將Web應(yīng)用程序從原來的單線程業(yè)界中解放出來，從而實(shí)現(xiàn)了多線程操作，Html5中新增加的WebWorkerAPI，使得用戶可以同時創(chuàng)建多個線程，這些線程可以有條不紊地在后臺進(jìn)行，且不影響用戶界面和響應(yīng)速度，這樣就會大大提高操作效率，同時這些線程之間也可以進(jìn)行數(shù)據(jù)交互，而且這些處理不會因用戶交互而運(yùn)行中斷。

綜上所述，Html5技術(shù)的研究已然趨于成熟，其主要新特性在于：視頻和音頻的支持；圖形的支持；表單功能增強(qiáng)；存儲功能增強(qiáng)；通信功能的增強(qiáng)；拖放功能支持；多線程的支持；地理位置的支持。這些特性使得Html5具有豐富的功能性和良好的跨平臺性，也提供了廣闊的應(yīng)用前景。

2 Html5與Web中技術(shù)的共存和應(yīng)用

隨著移動互聯(lián)的發(fā)展，目前移動終端的發(fā)展迅猛，Html5的出現(xiàn)給Web的應(yīng)用帶來了新的希望和挑戰(zhàn)。地理位置定位的API使得百度地圖、谷歌地圖、高德地圖等的電腦端和移動版本的APP相繼出現(xiàn)；優(yōu)酷、愛奇藝等視頻網(wǎng)站也相繼放棄了Flash等插件播放視頻，而使用了Html5來播放?？偟膩碚f，支持Html5的移動應(yīng)用終端可以運(yùn)用NativeAPP、WebAPP和HybridAPP三種運(yùn)行環(huán)境[7]。

2.1 NativeAPP

基于NativeOS的Html5運(yùn)行環(huán)境，需要瀏覽器支持Html5的相關(guān)特性，通常需要在操作系統(tǒng)層嵌入瀏覽器內(nèi)核，在此基礎(chǔ)上擴(kuò)展Web渲染引擎和JS引擎的功能，此瀏覽器為Html5提供終端的運(yùn)行和管理，使得瀏覽器與云端交互。

2.2 WebAPP

WebOS完全基于Html5技術(shù)開發(fā)，但依賴于瀏覽器的解析，WebAPP操作界面直接適用于移動終端，可以讓用戶獲取與本地應(yīng)用相同的使用感受，它的出現(xiàn)改變了移動端與智能終端的設(shè)計(jì)，為用戶帶來了更加良好的體驗(yàn)。

2.3 HybridAPP

HybridAPP的開發(fā)模式為混合模式，是介于NativeAPP與WebAPP之間的一種模式，因此HybridAPP兼?zhèn)鋬烧叩膬?yōu)點(diǎn)，不僅擁有良好的人機(jī)交互體驗(yàn)，還具有跨平臺的優(yōu)勢，雖然維護(hù)成本低，但需要對客戶端和Html5同時管理，其開發(fā)設(shè)計(jì)過程相對復(fù)雜[8]。

3 總結(jié)

從互聯(lián)網(wǎng)的發(fā)展歷程來看，目前使用Html5來開發(fā)的應(yīng)用越來越多，更多支持Html5的終端也在不斷演進(jìn)，這都得益于Html5的多種功能性和良好的跨平臺性。此外，Html5在安全監(jiān)測方面也有突出的表現(xiàn)，基于Html5的安全監(jiān)測工具，對漏洞進(jìn)行全面的分析和監(jiān)測也得到了一定的運(yùn)用，將整個系統(tǒng)分為注冊管理模塊、漏洞監(jiān)測模塊、掃描顯示模塊和掃描配置模塊，對監(jiān)測工具總體設(shè)計(jì)，然后對監(jiān)測結(jié)果進(jìn)行分析。

但Html5仍然在安全問題上存在一定的不足，首先在支付的過程中，具體過程的實(shí)現(xiàn)中還遇到很多的安全問題，而人臉支付的技術(shù)也在不斷研究中。如果Html表單被篡改數(shù)據(jù)，這種操作對消費(fèi)者是一個很大的威脅。Html5在離線存儲方面也存在著不安全因素，因?yàn)镠tml5不具備針對離線存儲加密的功能，而Html5技術(shù)能夠存儲日志，而如果程序出現(xiàn)問題，開發(fā)者則可以通過搜索查詢?nèi)罩緛韺ζ溥M(jìn)行研究。

因Html5具有的各種方便快捷的特征和優(yōu)勢，使得其被不斷發(fā)展與應(yīng)用，但也存在一定的問題。Html5著廣闊的應(yīng)用前景，需要人們不斷學(xué)習(xí)和完善。

［1］柳翔.基于Html5技術(shù)的大壩安全監(jiān)測圖像繪制技術(shù)［J］.數(shù)字技術(shù)與應(yīng)用，2015，12（11）：72-74.

［2］李晶瑩，王方雄，侯英姿，等.基于Html5/JavaScript的WebGIS功能界面設(shè)計(jì)與開發(fā)［J］.微型機(jī)與應(yīng)用，2016， 21（7）：104-105.

［3］劉沐煊.關(guān)于云環(huán)境中Web應(yīng)用的微服務(wù)架構(gòu)評估研究［J］.科技資訊，2018，14（23）：159-160.

［4］王世超.基于Html5的水利樞紐仿真系統(tǒng)的研究與實(shí)現(xiàn)［D］.邯鄲：河北工程大學(xué)，2016.

［5］李世滿.基于Html5Web技術(shù)APP快速開發(fā)研究——以移動辦公APP軟件開發(fā)為藍(lán)本［J］.電腦知識與技術(shù)，2016，21（3）：81-82.

［6］溫謙.CSS網(wǎng)頁設(shè)計(jì)［M］.北京：人民郵電出版社，2016.

［7］劉愛辰.大數(shù)據(jù)背景下高?？蒲泄芾硇畔⒒ㄔO(shè)的現(xiàn)狀與問題探析［J］.企業(yè)科技與發(fā)展，2017，16（11）：97-99.

［8］胡江匯，宋興.下一代Web標(biāo)準(zhǔn)之CSS3核心技術(shù)研究［J］.科學(xué)技術(shù)創(chuàng)新，2016，21（14）：109.

TP393.09

A

10.15913/j.cnki.kjycx.2019.24.060

2095－6835（2019）24－0135－02

〔編輯：張思楠〕