論HTML5對新媒體的推動作用

劉曉知

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

關鍵詞：HTML5;新媒體;用戶服務

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

1? ? 新媒體與HTML5相關概述

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

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

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

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

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

2.1? 處理語法錯誤，識別復雜信息

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

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

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

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

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

2.3? 加強網(wǎng)頁設計，提升視覺沖擊

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

2.4? 離線緩存內容，減輕設備壓力

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

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

2.5? 通過地理定位，加強交流互動

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

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

3? ? 應用實例與未來發(fā)展

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

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

4? ? 結語

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

[參考文獻]

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

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

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