劉曉知

摘? ?要：主要探究HTML5對新媒體的推動作用。以新媒體與HTML5相關(guān)概述為出發(fā)點(diǎn)，分析其處理語法錯(cuò)誤、便于開發(fā)維護(hù)、加強(qiáng)網(wǎng)頁設(shè)計(jì)、實(shí)現(xiàn)離線緩存、加強(qiáng)交流互動等特點(diǎn)，并探究HTML5技術(shù)在我國的應(yīng)用實(shí)例與未來發(fā)展，以期為相關(guān)工作者提供參考。

關(guān)鍵詞：HTML5;新媒體;用戶服務(wù)

移動端發(fā)展日新月異，HTML5被看作移動互聯(lián)網(wǎng)的未來發(fā)展希望。HTML5為超文本標(biāo)記語言，主要目的是創(chuàng)建網(wǎng)頁，便于看到更多信息，可提供大多數(shù)現(xiàn)有使用插件擴(kuò)展才能完成的功能，在頁面直接顯示圖片、視頻等多媒體元素，可滿足多媒體跨平臺需求，技術(shù)的革新推動了新媒體的進(jìn)一步發(fā)展[1]。直到2012年，HTML5技術(shù)才正式出現(xiàn)在人們視野中。

1? ? 新媒體與HTML5相關(guān)概述

新媒體是與傳統(tǒng)媒體相對的概念，傳播方式多種多樣，可通過網(wǎng)絡(luò)、數(shù)字電視、手機(jī)等向用戶提供相應(yīng)的服務(wù)與信息。利用現(xiàn)代互聯(lián)網(wǎng)方式，憑借QQ、微信等媒體平臺工具實(shí)現(xiàn)一系列宣傳的行為，被稱為新媒體運(yùn)營，具有容量大、交互性、實(shí)時(shí)性等特點(diǎn)，可跨越地界，實(shí)現(xiàn)全球化，受到人們的廣泛歡迎。

HTML5屬于Web中HTML核心語言的規(guī)范，無論用戶使用什么手段，瀏覽網(wǎng)頁時(shí)其內(nèi)容格式都為HTML，瀏覽器技術(shù)可將其轉(zhuǎn)變?yōu)榭勺R別信息。相較于傳統(tǒng)技術(shù)，HTML5擁有明顯的語法特征，能與SVC內(nèi)容相結(jié)合，處理多媒體內(nèi)容信息時(shí)更加便捷，改進(jìn)了原有功能，可實(shí)現(xiàn)標(biāo)準(zhǔn)化工作[2]。

21世紀(jì)作為因特網(wǎng)高速發(fā)展階段，人們越發(fā)習(xí)慣接受碎片化、圖形化的信息，新媒體服務(wù)無排他性，一家媒體可提供報(bào)道、觀點(diǎn)等服務(wù)內(nèi)容，其他媒體也同樣可以，而媒體的差異性主要是媒體服務(wù)不同的自我定位，有助于讀者通過自由組合觀看自身所需內(nèi)容。從技術(shù)視角而言，生動簡單、形象易懂、傳播速度快的HTML5更加符合其理念，作為HTML的第5代，利用HTML5語言制作數(shù)字產(chǎn)品十分富有新意，將其應(yīng)用于新媒體中，對于其未來發(fā)展具有積極的推動作用。

HTML5應(yīng)用技術(shù)主要有以下幾種：（1）Web App模式。是以Web為基礎(chǔ)的一種技術(shù)，依賴瀏覽器解析。操作界面及方式更加適用于收集屏幕，可為用戶提供一致性體驗(yàn)。（2）Web商店。應(yīng)用商店已經(jīng)成為新的網(wǎng)頁應(yīng)用方式，Web可覆蓋多種平臺，實(shí)現(xiàn)應(yīng)用試用，無須安裝第三方應(yīng)用程序即可保持最新版本的使用。（3）Hybrid App模式。此種模式可減少本地應(yīng)用體驗(yàn)，盈利模式以移動平臺付費(fèi)收益為主，通過大量Web邏輯實(shí)現(xiàn)，具備跨平臺特點(diǎn)。

2? ? HTML5對新媒體發(fā)展的推動作用

2.1? 處理語法錯(cuò)誤，識別復(fù)雜信息

HTML5與之前標(biāo)準(zhǔn)相比，添加了更多的新語法特征，包含<canvas>（圖形定義）、<audio>（音頻定義）、<video>（視頻定義）等元素，可在網(wǎng)頁中處理并添加各種多媒體內(nèi)容圖片，新元素如<header>（頁面定義）、<section>（節(jié)定義）、<nav>（導(dǎo)航鏈接定義）、<article>（文章定義）等則將文檔數(shù)據(jù)內(nèi)容加以豐富，移除一些多余元素及屬性，對部分元素標(biāo)準(zhǔn)化或重新定義，HTML5中DOM、APIs構(gòu)成其基礎(chǔ)部分，對于非法文檔細(xì)節(jié)加強(qiáng)定義處理，可讓客戶端與瀏覽器對語法錯(cuò)誤統(tǒng)一進(jìn)行處理，識別復(fù)雜媒體信息或普通文章信息等相應(yīng)內(nèi)容，有助于多媒體經(jīng)過網(wǎng)絡(luò)傳遞后更易被使用檢索。

2.2? 便于開發(fā)維護(hù)，實(shí)現(xiàn)及時(shí)更新

在網(wǎng)頁中，多媒體內(nèi)容包含動畫、圖片、圖形、視頻、聲音等，這些內(nèi)容主要是在計(jì)算機(jī)上安裝對應(yīng)的插件，如，F(xiàn)lash動畫播放中應(yīng)當(dāng)安裝插件Flash player，AVI視頻則需要安裝插件微軟視頻播放器，通過插件呈現(xiàn)多媒體內(nèi)容。此種方法缺點(diǎn)明顯，主要是不同操作系統(tǒng)中瀏覽器插件兼容性差異較大，若是無法對插件正確安裝，則不能正常播放其中內(nèi)容，加大了插件開發(fā)的難度，欠缺普適性，且不同網(wǎng)頁中，插件所展現(xiàn)的內(nèi)容穩(wěn)定性不同，同時(shí)，插件本身也需要安裝下載，浪費(fèi)了儲存空間，對移動終端用戶構(gòu)成了較大的困擾[3]。

HTML5可通過CSS3撰寫Web-based程序，增加一份程式碼即可實(shí)現(xiàn)Android與IOS系統(tǒng)同時(shí)支撐，具有更強(qiáng)的靈活性?？缙脚_目前主要可分為兩個(gè)發(fā)展方向，HTML5 + Native與中間語言編譯。HTML5 + Native屬于混合開發(fā)，以HTML5為主體，整體構(gòu)架為Native，通過HTML5可實(shí)現(xiàn)跨平臺的UI布局等。若是開發(fā)中存在無法實(shí)現(xiàn)或體驗(yàn)不良等功能，則可憑借Native完成;而中間語言編譯，以RN為例，傳統(tǒng)APP開發(fā)者應(yīng)當(dāng)以iOS與Android原生C/C++、Object-C、Java等技術(shù)為基礎(chǔ)進(jìn)行開發(fā)，而開發(fā)RN中可應(yīng)用JS編碼輸出APP，執(zhí)行時(shí)，JS又可映射回iOS與安卓的原生層面，實(shí)現(xiàn)快速編碼。

通過以上方式，讓HTML5具有跨平臺、開發(fā)便捷的優(yōu)勢，受到互聯(lián)網(wǎng)多媒體的歡迎，通過Web-APP產(chǎn)品即可解決多項(xiàng)瀏覽器、系統(tǒng)操作、Web、WAP等兼容問題，多媒體用戶聽音樂、看視頻無須下載其他插件，將瀏覽器打開即可得償所愿，有效將流量支出降低，為用戶帶來優(yōu)質(zhì)體驗(yàn)，傳播媒體也更加高效、穩(wěn)定、通用。

2.3? 加強(qiáng)網(wǎng)頁設(shè)計(jì)，提升視覺沖擊

網(wǎng)頁設(shè)計(jì)在新媒體視覺傳達(dá)過程中具有重要作用，此種設(shè)計(jì)作為將文字圖形語言進(jìn)行傳達(dá)的常規(guī)模式，可讓受眾在普通瀏覽時(shí)感受到視覺沖擊，予以不同的視覺感受。在網(wǎng)頁設(shè)計(jì)過程中，以往排版是將圖片作為背景設(shè)計(jì)出新穎的板式作品，但操作十分繁瑣，版型修改、顏色填充時(shí)需要有Silverlight或Flash插件，否則無法實(shí)現(xiàn)完整的網(wǎng)頁設(shè)計(jì)，對新媒體發(fā)展造成一定阻礙。而應(yīng)用HTML5技術(shù)后，用HBuilder創(chuàng)建網(wǎng)頁，打開Web項(xiàng)目，在新建的Web項(xiàng)目中建立HTML5文件，tab鍵可自動生成網(wǎng)頁骨架，常用H標(biāo)簽（標(biāo)題標(biāo)簽）、P標(biāo)簽（段落標(biāo)簽）、hr標(biāo)簽（水平線）、br標(biāo)簽（自動換行）、a標(biāo)簽（超鏈接）。在布置表格時(shí)，以<thead></thead>定義表格頭部，<tbody></tbody>定位表格主體。并用canvas元素進(jìn)行畫布，此元素利用自帶的API與JavaScript腳本語言結(jié)合使用，可在網(wǎng)頁中處理和繪制圖形，畫出弧線、矩形、線條，以顏色或樣式填充區(qū)域，添加圖像，書寫樣式化文本，還能通過JavaScript控制像素，讓新媒體網(wǎng)頁設(shè)計(jì)更加便捷，以此提高受眾的視覺沖擊，從而推動新媒體發(fā)展。

2.4? 離線緩存內(nèi)容，減輕設(shè)備壓力

HTML5之前的網(wǎng)頁無法連接，只能通過聯(lián)網(wǎng)訪問，傳統(tǒng)cookie在使用中數(shù)據(jù)只能存儲4 KB，存儲機(jī)制十分簡單，安全性差，無法將其在離線開發(fā)中應(yīng)用，以往在PC時(shí)代并無較大影響。但互聯(lián)網(wǎng)時(shí)代到來后，移動終端位置并不固定，更加依賴無線信號，降低了網(wǎng)絡(luò)可靠性，而HTML5 Web Storage API可將其看作加強(qiáng)的cookie。HTML5存儲方式較多，通過local Storage可將數(shù)據(jù)存儲在本地，數(shù)據(jù)大小并不會對其造成限制，架構(gòu)彈性更佳，可在本機(jī)ROM中寫入數(shù)據(jù)，關(guān)閉瀏覽器后再打開時(shí)數(shù)據(jù)自動恢復(fù)，網(wǎng)絡(luò)流量減少，不會占用后臺資源，為硬件設(shè)備減輕了壓力，運(yùn)行流暢性隨之提升。

上述本地存儲機(jī)制可有效解決新聞媒體離線存儲問題，無論是何種形式的多媒體數(shù)據(jù)，皆可長期或臨時(shí)地將內(nèi)容存儲至本地，在設(shè)備上，用戶可在未聯(lián)網(wǎng)的情況下對網(wǎng)頁進(jìn)行訪問。特別是手機(jī)媒體，用戶并不會受到地域、時(shí)間等方面的制約，沒有網(wǎng)絡(luò)狀態(tài)下，也可以對本地存儲的媒體內(nèi)容訪問，在源頭上解決了新媒體聯(lián)網(wǎng)傳播及離線的結(jié)合模式，訪問更加靈活多樣、簡單便捷。

2.5? 通過地理定位，加強(qiáng)交流互動

導(dǎo)航與定位不再專屬于定位軟件，新媒體用戶無需下載更多地圖包，利用HTML5引入Geolocation中的API，或是利用GPS網(wǎng)絡(luò)實(shí)現(xiàn)用戶定位，定位變得更加靈活準(zhǔn)確。新媒體在應(yīng)用時(shí)不僅可利用HTML5定位自身方向，還能在他人開放信息的情況下得到其定位信息，加強(qiáng)用戶之間的交流互動。新媒體也可通過用戶信息，推送符合用戶特點(diǎn)的信息，提高新媒體傳送信息效率。

HTML5技術(shù)越發(fā)成熟，此項(xiàng)技術(shù)的應(yīng)用將會為新媒體贏得更多用戶的選擇與青睞。在今后的設(shè)計(jì)中，設(shè)計(jì)人員也應(yīng)當(dāng)注意與新技術(shù)結(jié)合發(fā)展，創(chuàng)建更多可供用戶交流互動的方式，為其提供更多選擇，滿足用戶交流溝通需求。

3? ? 應(yīng)用實(shí)例與未來發(fā)展

HTML5技術(shù)指Web-APP總稱，具有開發(fā)模式優(yōu)化、互聯(lián)互通的強(qiáng)大優(yōu)勢，應(yīng)用十分廣泛。我國Web-APP支持程度最好的瀏覽器為騰訊QQ瀏覽器與UC瀏覽器，二者云集了Web-APP數(shù)百個(gè)高質(zhì)量產(chǎn)品。通過實(shí)例可知，HTML5技術(shù)可借助瀏覽器更加流暢地欣賞節(jié)目，任意節(jié)目點(diǎn)擊后都可調(diào)用相應(yīng)的播放器進(jìn)行實(shí)時(shí)播放，省去跳轉(zhuǎn)流程。

盡管HTML5技術(shù)不斷完善，但仍有其他問題需要一一解決。相較于本地應(yīng)用，HTML5性能較差，網(wǎng)絡(luò)收集不穩(wěn)定，相信未來其能夠在互聯(lián)網(wǎng)中得以完善，推動新媒體的進(jìn)一步發(fā)展。

4? ? 結(jié)語

HTML5技術(shù)的研發(fā)，對我國新媒體行業(yè)造成了巨大的沖擊。HTML5技術(shù)的應(yīng)用可為用戶提供交互方式、跨平臺、離線緩存、訪問方式等方面的服務(wù)，發(fā)展前景良好。

[參考文獻(xiàn)]

[1]韋劍賓.論HTML5對新媒體的推動作用[J].西部廣播電視，2019（10）：195-196.

[2]陳成佑.HTML5技術(shù)在新媒體上的應(yīng)用[J].數(shù)字技術(shù)與應(yīng)用，2018，36（4）：234，236.

[3]李? ?晨.新媒體時(shí)代下的HTML5廣告?zhèn)鞑ツＪ窖芯縖J].藝術(shù)科技，2017，30（9）：126.