丁玲

Web標準與Html5重點技術探討

丁玲

（江蘇省徐州財經(jīng)高等職業(yè)技術學校，江蘇 徐州 221008）

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

Web標準；Html5；XML；CSS

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

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

1 Html5核心技術

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

1.1 語義特性（Class：Semantic）

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

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

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

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

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

1.4 設備兼容特性（Class：DEVICEACCESS）

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

1.5 CSS3特性（Class：CSS3）

CSS3中能夠在不需要更多的改變性能和語義結構的前提下，提供更多的風格和更豐富的設計效果。

1.6 多線程特性

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

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

2 Html5與Web中技術的共存和應用

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

2.1 NativeAPP

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

2.2 WebAPP

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

2.3 HybridAPP

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

3 總結

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

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

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

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

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

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

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

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

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

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

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

TP393.09

A

10.15913/j.cnki.kjycx.2019.24.060

2095－6835（2019）24－0135－02

〔編輯：張思楠〕