蘇濤

摘 ?要 ?2015年以來(lái)，諸多基于H5形態(tài)的新聞作品廣為流行，在引發(fā)大量受眾關(guān)注的同時(shí)，也取得了非常好的傳播效果。然而，在H5新聞已然成為移動(dòng)互聯(lián)網(wǎng)時(shí)代一種重要的信息傳播手段之時(shí)，學(xué)界卻對(duì)“H5”及“H5新聞”存在著很多誤解甚至誤用。文章認(rèn)為，H5新聞概念使用的混亂在一定程度上源于對(duì)其技術(shù)起源和技術(shù)邏輯理解的不透徹。因此，為加深對(duì)H5新聞的理解，推動(dòng)其在未來(lái)更加繁榮的發(fā)展，文章在以上兩個(gè)層面展開對(duì)它的辨析與正名。

關(guān)鍵詞 ?H5;HTML5;H5新聞

中圖分類號(hào) ?G202 ? ? ?文獻(xiàn)標(biāo)識(shí)碼 ?A ? ? ?文章編號(hào) ?2096-0360（2019）20-0001-05

1 ?問(wèn)題的提出

2014年以來(lái)，一種被稱作“H5”的信息傳播形式橫空出世，其中的個(gè)別作品（例如小游戲《圍住神經(jīng)貓》①）借助微信朋友圈瘋狂轉(zhuǎn)發(fā)，甚至創(chuàng)造了3天內(nèi)瀏覽量過(guò)億的傳播奇跡。2015年之后，這種傳播形式更是大行其道，在廣告、宣傳、新聞、游戲、教育等諸多領(lǐng)域得到廣泛的應(yīng)用（2015年也因此被人們譽(yù)為“H5元年”）。而隨著新聞媒體對(duì)H5的積極運(yùn)用，各種基于H5技術(shù)形態(tài)的新聞作品不斷涌現(xiàn)，也有效地吸引了億萬(wàn)受眾的注意力。H5已然成為當(dāng)下移動(dòng)互聯(lián)網(wǎng)時(shí)代高效的新聞信息傳播手段之一。

與來(lái)自業(yè)界熱火朝天的H5實(shí)踐相映襯，學(xué)界對(duì)它的討論也漸趨熱絡(luò)，僅新聞?lì)I(lǐng)域目前發(fā)表相關(guān)論文就已可以百數(shù)計(jì)。當(dāng)人們以“H5”命名這個(gè)新技術(shù)體系之時(shí)，便很自然地將同樣以這種技術(shù)體系呈現(xiàn)的新聞形式稱之為“H5新聞”。然而，很奇怪的是，對(duì)于到底什么是“H5新聞”？那些以“H5新聞”為主旨的文章，要么避而不談，要么一帶而過(guò)、語(yǔ)焉不詳，儼然使之成了一頭“房間里的大象”。其結(jié)果是，首先，雖然大家的討論對(duì)象都指向同一現(xiàn)象和實(shí)踐，但卻表述不同——“H5新聞”[1]、“Html5動(dòng)態(tài)新聞”[2]、“HTML5新聞”[3]“H5互動(dòng)新聞”[4]、“H5交互動(dòng)畫”[5]等各種表述的混用，極易引起人們的困惑和誤解。其次，在更深層次上，對(duì)概念討論的不夠深入和界定的混亂，還反映為使用者對(duì)H5新聞背后的技術(shù)原理和技術(shù)邏輯理解不透徹，甚至存在嚴(yán)重的誤讀。

本文雖無(wú)意也無(wú)力從純技術(shù)的角度展開對(duì)H5新聞的探討，但為了盡可能從底層邏輯上厘清H5新聞的起源和意涵，將不得不在技術(shù)層面上對(duì)其進(jìn)行追根溯源。由此，本文的研究問(wèn)題可以歸結(jié)為相互關(guān)聯(lián)的兩個(gè)層面。首先，從技術(shù)的源頭出發(fā)探究H5到底是什么，它有著怎樣的技術(shù)起源和內(nèi)涵;其次，基于對(duì)技術(shù)起源和內(nèi)涵的理解，進(jìn)一步總結(jié)H5技術(shù)體系（底層）技術(shù)邏輯。

2 ?起源與意涵：H5新聞的概念辨析

2.1 ?H5：一個(gè)中國(guó)本土概念

實(shí)際上，只有在中國(guó)大陸才用“H5”這種表述，而在西方甚至我國(guó)港臺(tái)地區(qū)，都找不到這樣的表述或概念。而對(duì)于這一表述，學(xué)界和業(yè)界（特別是IT界）也持有完全不同的態(tài)度，一方用的熱火朝天，另一方則對(duì)其嗤之以鼻。

“H5”作為一個(gè)極具中國(guó)本土特色的概念，源于迅猛發(fā)展的互聯(lián)網(wǎng)技術(shù)，特別是基于這種技術(shù)而蓬勃發(fā)展的中國(guó)互聯(lián)網(wǎng)創(chuàng)新實(shí)踐。自2014年最新的HTML5技術(shù)標(biāo)準(zhǔn)發(fā)布之后，各種具有豐富交互性和視聽效果的基于H5技術(shù)體系的內(nèi)容產(chǎn)品通過(guò)移動(dòng)平臺(tái)（微信）得到強(qiáng)有力的傳播。而近年來(lái)，伴隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)和現(xiàn)代通訊技術(shù)（特別是4G技術(shù)）的發(fā)展，各種H5產(chǎn)品呈現(xiàn)出愈發(fā)強(qiáng)勁的發(fā)展勢(shì)頭。不僅越來(lái)越多的廣告公司，把H5作為一種重要的傳播形式和營(yíng)銷手段而納入到其業(yè)務(wù)體系中，新聞媒體也開始利用這種新技術(shù)體系進(jìn)行新聞信息的創(chuàng)新傳播。正是得益于技術(shù)和實(shí)踐的同步發(fā)展，我國(guó)廣告、新聞等領(lǐng)域?qū)5技術(shù)平臺(tái)的運(yùn)用，已居于世界領(lǐng)先地位，各種制作精良、傳播高效經(jīng)典案例也不斷涌現(xiàn)出來(lái)。

雖然從嚴(yán)格意義上來(lái)看，“H5”是一個(gè)破綻百出的概念（詳見下文論述），但它不僅具體指向當(dāng)下一種鮮活的、極具生命力的新媒體技術(shù)實(shí)踐，而且暗示了關(guān)注技術(shù)與媒體交互影響所帶來(lái)的變革的重要性。因此，當(dāng)大家都來(lái)使用這個(gè)概念時(shí)，它便實(shí)際擁有了約定俗成的意義。而我們現(xiàn)在需要做的，就是在追根溯源基礎(chǔ)上正本清源，從技術(shù)的底層邏輯開始，逐步梳理、匡正這個(gè)概念的應(yīng)有的意涵。

2.2 ?H5是什么？——技術(shù)的起源與概念辨析

H5是什么？它是一種功能強(qiáng)大的網(wǎng)頁(yè)編輯技術(shù)（具體的技術(shù)形式），還是一種技術(shù)標(biāo)準(zhǔn)（HTML5）？抑或是一種基于這種技術(shù)標(biāo)準(zhǔn)生產(chǎn)的酷炫產(chǎn)品（移動(dòng)交互網(wǎng)頁(yè)）？

目前，人們經(jīng)常在以上三個(gè)不同意義維度上混用這一概念，并最終導(dǎo)致概念使用的混亂。例如，我們經(jīng)常會(huì)看到“H5”與“H5技術(shù)”的混用，甚至將H5等同于移動(dòng)端網(wǎng)頁(yè)、App等。概念使用上的混亂源于概念理解上的混亂——概念的使用者并沒有搞清楚HTML、HTML5等一系列與H5相關(guān)的技術(shù)概念的真正含義，以及三者之間的區(qū)別、關(guān)聯(lián)和淵源。

因此，對(duì)H5概念的追根溯源，不僅僅可以幫助我們充分理解這個(gè)廣為流行的、具有鮮活實(shí)踐指向和蓬勃生命力的概念，更是對(duì)其有效運(yùn)用和創(chuàng)造性實(shí)踐的基礎(chǔ)。正如互聯(lián)設(shè)計(jì)師蘇杭所言：“H5是個(gè)嶄新的領(lǐng)域，它最需要的就是我們這些設(shè)計(jì)者的開荒，偽裝接電話、偽裝朋友圈、視頻的第一次大膽植入、3D交互效果的第一次運(yùn)用，這些舉動(dòng)沒有對(duì)H5本身的理解和認(rèn)識(shí)，是根本無(wú)法實(shí)現(xiàn)的。”[6]同理，對(duì)于新聞業(yè)者而言，也只有在充分了解H5的本質(zhì)及其特性基礎(chǔ)上，才能將其有效的、創(chuàng)造性的運(yùn)用到新聞報(bào)道和新聞信息傳播的領(lǐng)域。

那么，H5到底是什么？人們通常將H5理解為HTML5的“簡(jiǎn)稱”②（實(shí)際上，人們?cè)诙鄶?shù)情況下所使用H5概念的內(nèi)涵遠(yuǎn)遠(yuǎn)超出HTML5，這個(gè)將在后文詳述）。這種理解至少暗示了H5與HTML5有著緊密的關(guān)聯(lián)。由于HTML5是由萬(wàn)維網(wǎng)聯(lián)盟（W3C）于2014年10月28日正式發(fā)布并推薦的HTML的最新技術(shù)標(biāo)準(zhǔn)[7]。所以，要想深入正確的理解H5，需要首先了解與之緊密相關(guān)的HTML及其最新的5.0

版本。

2.2.1 ?作為網(wǎng)頁(yè)標(biāo)記語(yǔ)言的HTML

“HTML”為英文“Hyper Text Markup Language”的縮寫，即“超級(jí)文本標(biāo)記語(yǔ)言”③，是當(dāng)前一種用于創(chuàng)建網(wǎng)頁(yè)的最主要的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。它于1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）的工作草案而發(fā)布（當(dāng)時(shí)還沒有成為通行的標(biāo)準(zhǔn)），此后自1996年起，一直由萬(wàn)維網(wǎng)聯(lián)盟（W3C）負(fù)責(zé)維護(hù)，并于2000年成為了國(guó)際標(biāo)準(zhǔn)④。

HTML作為一種網(wǎng)頁(yè)創(chuàng)建的基礎(chǔ)技術(shù)，被用于設(shè)計(jì)網(wǎng)頁(yè)、網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。然而，要完成上述任務(wù)，單憑HTML一種編輯語(yǔ)言還遠(yuǎn)遠(yuǎn)不夠，除此之外，還需要CSS和JavaScript（簡(jiǎn)稱JS）的配合。在這三者當(dāng)中，HTML用來(lái)建構(gòu)網(wǎng)頁(yè)的結(jié)構(gòu)，好比人體的骨骼;CSS用來(lái)描述網(wǎng)頁(yè)的樣式，好比人體的皮相;JS則用來(lái)定義網(wǎng)頁(yè)的行為，好比人體的動(dòng)作。因此，上述三種語(yǔ)言，分別對(duì)應(yīng)網(wǎng)頁(yè)的結(jié)構(gòu)層、表示層和行為層，常被稱之為網(wǎng)頁(yè)編輯的三駕馬車（參見圖1）。其中，值得特別強(qiáng)調(diào)的是，HTML是構(gòu)建網(wǎng)頁(yè)的基石，正是它把這三者緊密聯(lián)系在一起，以供網(wǎng)頁(yè)瀏覽器的讀取，并以可視化網(wǎng)頁(yè)形式呈現(xiàn)出來(lái)。

總結(jié)而言，HTML是構(gòu)建及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種主要語(yǔ)言方式，因而也成為互聯(lián)網(wǎng)的核心技術(shù)之一。

2.2.2 ?作為網(wǎng)頁(yè)標(biāo)記語(yǔ)言最新技術(shù)標(biāo)準(zhǔn)的HTML5

HTML自誕生之日起，經(jīng)歷了多次修改和升級(jí)，HTML5顧名思義就是對(duì)HTML的第5次重大的修改，是HTML的5.0版。

作為當(dāng)下最先進(jìn)的網(wǎng)頁(yè)標(biāo)記語(yǔ)言技術(shù)標(biāo)準(zhǔn)，HTML5添加了許多新的語(yǔ)法特征，以便我們更容易的在網(wǎng)頁(yè)中添加和處理多媒體（包括音頻和視頻）、圖片和數(shù)據(jù)內(nèi)容。以視頻為例，通過(guò)HTML5處理的網(wǎng)頁(yè)可以輕松地播放視頻文件，因而不再需要Flash⑥和第三方插件。而在以往，如何使用瀏覽器順暢地播放視頻，一直都是一個(gè)令我們頭疼的事情。此外，HTML5還有許多其他方面的改進(jìn)，比如它的代碼更清晰，語(yǔ)義更明確;具有良好的網(wǎng)絡(luò)定位功能⑦;實(shí)現(xiàn)了瀏覽器的本地存儲(chǔ)⑧、繪圖畫布（canvas）功能⑨等。

最后需要特別強(qiáng)調(diào)的是，正如前文所述，由于HTML標(biāo)記語(yǔ)言不能單獨(dú)完成網(wǎng)頁(yè)建構(gòu)，所以，當(dāng)我們論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JS在內(nèi)的一套廣義上的技術(shù)組合。

2.2.3 ?作為一種綜合性新技術(shù)體系的H5

那么，H5與HTML5之間是什么關(guān)系？H5到底是一種技術(shù)、還是一種技術(shù)標(biāo)準(zhǔn)、抑或是一種產(chǎn)品？

經(jīng)過(guò)前文的梳理可以看出，首先，H5顯然不是HTML5的縮寫，不能將其作為HTML5簡(jiǎn)稱（業(yè)內(nèi)人士非常反感這個(gè)H5名稱，以至于很多程序員認(rèn)為H5就是HTML5的錯(cuò)誤拼寫方法）。其次，當(dāng)我們?cè)诙鄶?shù)情況下談及“H5”時(shí)，顯然也不僅僅是指作為技術(shù)標(biāo)準(zhǔn)的HTML，甚至也不是指廣義上HTML5技術(shù)組合，而是包含二者，同時(shí)在內(nèi)涵上要大于二者的一個(gè)新的意指。換言之，“H5”有著更為廣泛的含義和實(shí)踐指向，而三者之間的關(guān)系應(yīng)該是：H5 > ?HTML5（廣義的） > ?HTML（參見圖2）。因此，我們?nèi)粘Ｖ袑?duì)“H5”的使用，實(shí)際上是囊括了HTML5技術(shù)標(biāo)準(zhǔn)、技術(shù)組合、技術(shù)產(chǎn)品、技術(shù)平臺(tái)等含義在內(nèi)的一種復(fù)合意義指向。本文也正是在這個(gè)意義上理解并使用“H5”概念，即H5是一種建立在HTML5技術(shù)規(guī)范之上的綜合性的技術(shù)體系。

2.3 ?H5新聞的定義

通過(guò)上文的梳理，筆者對(duì)“H5新聞”界定如下：指建立在HTML5技術(shù)規(guī)范基礎(chǔ)之上，綜合了特定的網(wǎng)頁(yè)效果、視聽效果（包括音效和動(dòng)效）、感官效果（包括3D、全景等）和交互性等因素，以“超媒體”（關(guān)于“超媒體”的界定及辨析，詳見后文第三部分）的技術(shù)形式呈的報(bào)道形式和樣態(tài)。

3 ?超媒體與交互性：H5新聞的技術(shù)邏輯

進(jìn)入新世紀(jì)以來(lái)，傳播科技以一種異乎尋常的速度不斷發(fā)展，正如Hirschorn所感嘆：“幾年之后，當(dāng)我們回顧過(guò)去這15年的變化，會(huì)發(fā)現(xiàn)這15年是數(shù)字媒體歷史上最紛亂繁雜的一章。”[8]而每一次媒介技術(shù)的演進(jìn)，都會(huì)導(dǎo)致部分新聞從業(yè)者一時(shí)無(wú)法自如應(yīng)對(duì)新的媒介實(shí)踐。究其原因，除了面對(duì)陌生的技術(shù)現(xiàn)象而必然產(chǎn)生的經(jīng)驗(yàn)落差之外，還在于人們對(duì)于由技術(shù)不斷迭代升級(jí)所帶來(lái)的信息的傳播（呈現(xiàn)）方式、特別是傳播機(jī)制、思維與理念變化的不適應(yīng)。這種由技術(shù)變革而引發(fā)的傳播機(jī)制、思維與理念上的變化即是媒介的新“技術(shù)邏輯”。

由此可見，在媒介技術(shù)狂飆突進(jìn)的發(fā)展態(tài)勢(shì)下，新聞業(yè)者不僅要及時(shí)掌握相關(guān)技術(shù)知識(shí)，或許更迫切的是，必須適應(yīng)由媒介技術(shù)不斷迭代升級(jí)所帶來(lái)的“技術(shù)邏輯”的變化。具體到本文所討論的“H5新聞”，這種“技術(shù)邏輯”也是將H5技術(shù)體系更有效、更富創(chuàng)造性地運(yùn)用到新聞業(yè)務(wù)領(lǐng)域的必要前提。通過(guò)前文對(duì)H5新聞的追根溯源及概念辨析，筆者認(rèn)為，H5技術(shù)體系所隱含的“技術(shù)邏輯”集中體現(xiàn)在兩個(gè)方面，即超媒體邏輯與交互邏輯。

3.1 ?超媒體邏輯

“超媒體”（Hypermedia）是一種非線性的信息組織方式，它將文字、表格、聲音、圖像、視頻等多種信息媒體以“超文本”（Hypertext）方式組織起來(lái)，形成Web頁(yè)面，使人們通過(guò)瀏覽器可以訪問(wèn)各種不同結(jié)構(gòu)的信息倉(cāng)庫(kù)，找到所需要的任何媒體的信息[9]。

“非線性的信息傳播，實(shí)質(zhì)上是一種文本上的超鏈接模式”[10]?！俺襟w”首先是建立在“超文本”（Hypertext）技術(shù)基礎(chǔ)之上的。在納爾遜（Ted Nelson）于1963年發(fā)明了上述這兩個(gè)詞之后，它們主要被用來(lái)指涉“萬(wàn)維網(wǎng)”⑩中字詞、圖像等的聯(lián)想性鏈接。實(shí)際上，我們今天所主要討論的“HTML”（Hyper Text Markup Language）即是用來(lái)編寫“超文本”網(wǎng)頁(yè)的計(jì)算機(jī)語(yǔ)言?！俺谋尽眲t主要以“超鏈接”（Hyperlink）的形式存在——“此種鏈接表明文本中暗含著其他文本，并能將它們即刻調(diào)出來(lái)。它意味著跳躍的概念。有了跳躍的概念之后，文本的主次、原文與參照等整個(gè)舊有的觀念垮掉了?！盵11]因此，“超文本”打破了印刷時(shí)代的文字閱讀所要求的線性思維方式，而代之以非線性的、自由聯(lián)想的“超媒體思維”。

“超媒體思維”不僅早已經(jīng)融入了由互聯(lián)網(wǎng)的興起而引發(fā)的信息革命，更以一種基礎(chǔ)的方式改變著我們與信息的關(guān)系——這種方式更符合人們思維聯(lián)想和跳躍的習(xí)慣，不僅具有良好的包容性和可擴(kuò)充性，更是超越了媒體類型對(duì)信息組織與檢索的限制。

正如“超媒體”一詞的發(fā)明者納爾遜所認(rèn)為的：人的思想是非順序的或曰非線性的，它的特點(diǎn)是聯(lián)想。“超媒體”的出現(xiàn)，使得人類幾千年來(lái)在文字閱讀過(guò)程中建立起來(lái)的線性思維方式逐漸崩塌，從而實(shí)現(xiàn)了對(duì)人的原初的非線性思維方式的再度回歸。

H5技術(shù)體系作為一種典型的“超媒體”，亟待其使用者在思維上進(jìn)行適應(yīng)性創(chuàng)新。這種適應(yīng)和創(chuàng)新，不僅是對(duì)以前單一媒介形式的揚(yáng)棄，更是對(duì)我們長(zhǎng)期以所固有的線性思維的揚(yáng)棄。因此，具體到H5新聞的創(chuàng)意與制作，如果沒有這種思維上的改變，幾乎不可能設(shè)計(jì)或創(chuàng)作出一個(gè)優(yōu)秀的H5新聞作品。

首先，“超媒體”思維要求H5新聞的創(chuàng)作者真正具備的“媒介融合”的觀念。如前文所述，HTML5實(shí)現(xiàn)了對(duì)多種媒體平臺(tái)的真正兼容，換言之，建立在這種標(biāo)準(zhǔn)上的網(wǎng)頁(yè)產(chǎn)品可以同時(shí)在PC端（臺(tái)式機(jī)、筆記本）、手機(jī)端（包括iOS系統(tǒng)、Android系統(tǒng)、Windows phone系統(tǒng)）、平板電腦（Mac）等各種電子終端上使用。其中，由于現(xiàn)在越來(lái)越多的用戶選擇使用移動(dòng)設(shè)備訪問(wèn)網(wǎng)站或者web應(yīng)用，HTML5的跨平臺(tái)特性尤其表現(xiàn)為對(duì)以手機(jī)為代表的移動(dòng)端的兼容（HTML5由此也被譽(yù)為最移動(dòng)化的開發(fā)工具）。

因此，H5新聞創(chuàng)作不僅要在形式上適應(yīng)多平臺(tái)和多屏幕（跨屏）的需要，更要考慮到不同的使用或者視聽情景——根據(jù)不同的平臺(tái)特性，特別是不同的平臺(tái)使用者、使用情景的特性，進(jìn)行針對(duì)性的新聞創(chuàng)作和創(chuàng)意開發(fā)。例如，H5新聞的創(chuàng)作首先需要充分考慮到手機(jī)平臺(tái)的特性，以實(shí)現(xiàn)與之相匹配的使用與視聽效果，滿足人們?cè)谝苿?dòng)端的使用與視聽心理。

其次，“超媒體”思維要求H5新聞的創(chuàng)作者建立起一種基于在H5技術(shù)體系的綜合感官思維能力。超媒體是真正意義的“富媒體”，它囊括了我們所熟知幾乎所有的信息呈現(xiàn)形式和媒介效果——文字、音頻、視頻、動(dòng)畫、3D、全景、重力感應(yīng)等。因此，H5新聞的創(chuàng)作“沒有做不到，只有想不到”——有著無(wú)限的潛能。實(shí)際上，在廣告、游戲等應(yīng)用領(lǐng)域，H5技術(shù)體系正在大放異彩，各種具有創(chuàng)造性、嶄新形式和效果的作品也層出不窮。

H5技術(shù)體系以其超媒體的技術(shù)特性，賦予了新聞報(bào)道技術(shù)上、形式上更多的可能，并給人們帶來(lái)多元化的感官體驗(yàn)。而新聞業(yè)者需要做的，就是要學(xué)會(huì)運(yùn)用綜合感官思維能力來(lái)創(chuàng)設(shè)H5新聞，即充分利用超媒體技術(shù)特性，將新聞元素與豐富的技術(shù)元素進(jìn)行有機(jī)的整合，以此呈現(xiàn)新聞事實(shí)、完成新聞敘事。

3.2 ?交互邏輯

“交互性”（interaction）是HTML5在其技術(shù)升級(jí)過(guò)程中的一個(gè)終極指向。HTML5所具有的網(wǎng)絡(luò)定位、本地存儲(chǔ)、繪圖畫布、智能表單以及對(duì)原生態(tài)視頻和音頻的支持等技術(shù)特性，都為HTML5的“交互性”奠定了基礎(chǔ)。因此，正如劉斌所言：“HTML5并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容，它的使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在這個(gè)平臺(tái)上，視頻、音頻、圖像、動(dòng)畫以及同電腦的交互都被標(biāo)準(zhǔn)化?！盵12]

HTML5的技術(shù)升級(jí)不僅有著明確的“交互性”指向，而且在實(shí)踐過(guò)程中也確為H5作品的“交互性”提供了無(wú)限可能。目前所見的H5新聞作品經(jīng)典案例，大都需要通過(guò)讀者的交互過(guò)程而逐步完成新聞信息的展現(xiàn)，也都充分運(yùn)用了H5技術(shù)體系的交互特性。

正是通過(guò)交互的過(guò)程，讀者完成對(duì)H5作品的信息接收，并由此形成了一種個(gè)性化的交互閱讀體驗(yàn)。因此，這種信息接收與體驗(yàn)過(guò)程是否有效、是否完美，大大依賴于創(chuàng)設(shè)者所具有的“交互思維”。筆者認(rèn)為，“交互思維”之于H5作品創(chuàng)設(shè)的意義主要體現(xiàn)在兩個(gè)方面：讀者參與生成內(nèi)容與多元的視聽體驗(yàn)。

首先，交互的過(guò)程使讀者深度參與了信息的呈現(xiàn)（生成）過(guò)程。在信息的呈現(xiàn)方式上，H5新聞作品的內(nèi)容和信息元素漸次顯現(xiàn)，有賴于讀者通過(guò)其點(diǎn)擊、擦除、手勢(shì)、重力感應(yīng)、搖一搖等交互動(dòng)作而進(jìn)行的（選擇性）觸發(fā)。并且，讀者不同的參與（選擇）會(huì)對(duì)信息呈現(xiàn)過(guò)程、甚至最終的結(jié)果產(chǎn)生影響。比如，讀者對(duì)《閱兵手冊(cè)》[13]各個(gè)新聞板塊的選擇與操作，不僅直接決定了信息出現(xiàn)的先后次序和組合方式，還決定著特定信息是否出現(xiàn)、是否被接收。

傳統(tǒng)的非交互新聞作品（例如傳統(tǒng)的新聞網(wǎng)頁(yè)），雖然其頁(yè)面元素中也有動(dòng)畫，但這些頁(yè)面元素卻“只準(zhǔn)看，不準(zhǔn)動(dòng)”，換言之，這些頁(yè)面元素（包括動(dòng)畫）只允許讀者被動(dòng)的觀看欣賞（至多允許讀者點(diǎn)擊翻頁(yè)），而無(wú)法進(jìn)行更多的選擇和參與。而盡管讀者在H5新聞作品中的參與、選擇仍然屬于某種程度上的定制化的結(jié)果，但它已與上述傳統(tǒng)新聞傳播模式大所不同——讀者更多的被“賦權(quán)”，不僅主要的頁(yè)面元素都有賴于讀者的選擇性觸發(fā)，新聞故事和情節(jié)的演繹也有賴于讀者的選擇和參與。因此而為帶來(lái)啟示是，讀者正是在其信息接收過(guò)程中完成了對(duì)H5新聞作品深度參與和內(nèi)容的生產(chǎn)。因此，對(duì)于H5新聞的創(chuàng)設(shè)者而言，必須讓“讀者”提前參與到新聞作品中來(lái)，亦即在設(shè)計(jì)階段就要更多的考慮如何從讀者角度來(lái)呈現(xiàn)新聞——特別是如何精妙地調(diào)動(dòng)讀者的互動(dòng)熱情？讓其在逐層展開的互動(dòng)中以個(gè)性化的方式參與新聞的生成，并最終以此達(dá)成對(duì)新聞信息的深入理解（體驗(yàn)）和有效接收。

其次，“交互性”引發(fā)讀者（用戶）多元的視聽體驗(yàn)。

這首先有賴于的H5技術(shù)體系所造就的“超媒體”特性?！俺襟w”是真正意義的“富媒體”，囊括了我們幾乎所有熟知的信息呈現(xiàn)形式和媒介效果。因此能夠在技術(shù)上、形式上為H5新聞帶來(lái)更多的可能，并由此給人們的視聽過(guò)程帶來(lái)更加多元化的感官體驗(yàn)。此外如前文所述，“超媒體”的特性就在于“非線性敘事”，這也意味著，在基于H5技術(shù)體系的新聞作品中，作者與讀者之間原有的主從關(guān)系變成了一種共同創(chuàng)造或意義共構(gòu)的互動(dòng)關(guān)系。因此，這些作品中文本的意涵，并非全然的固定，而是需要讀者根據(jù)文本所提供的隱含脈絡(luò)、情節(jié)或場(chǎng)景設(shè)置而做進(jìn)一步的衍生。如此這般，看新聞就如同打游戲，不單需要用耳目視聽，更需要?jiǎng)邮帧x者通過(guò)“人機(jī)交互”，步步深入地進(jìn)行信息的選擇、探索和體驗(yàn)。例如《夜游中南?！穂14]中兩位主人公的行走及景點(diǎn)、會(huì)談內(nèi)容的呈現(xiàn)都需要在交互的前提下才得以完成。讀者也因此不僅擁有了這種衍生的交互權(quán)力，還引發(fā)讀者諸多基于當(dāng)下新聞情景的感官、心理、情感和藝術(shù)性等方面視聽體驗(yàn)。

讀者對(duì)H5新聞作品的整個(gè)信息接收過(guò)程都是建立在參與和交互的基礎(chǔ)上的。如果我們把讀者當(dāng)作消費(fèi)者，那么在對(duì)參與性與體驗(yàn)的強(qiáng)調(diào)上，H5新聞作品便與當(dāng)下方興未艾的“體驗(yàn)經(jīng)濟(jì)”不謀而合。體驗(yàn)經(jīng)濟(jì)強(qiáng)調(diào)生產(chǎn)和消費(fèi)過(guò)程中消費(fèi)者的主體參與，依托個(gè)性化生產(chǎn)方式使消費(fèi)者獲得感官或情感滿足（從而實(shí)現(xiàn)盈利）。H5新聞作品正是通過(guò)“交互性”，以一種“共謀”的方式邀請(qǐng)讀者參與新聞的呈現(xiàn)過(guò)程，并最終使消費(fèi)者在互動(dòng)體驗(yàn)的過(guò)程中滿足個(gè)性化的信息需求，并給予獲得感官、情感與藝術(shù)性等方面的滿足（從而提高閱讀量和傳播

效果）。

可見，HTML5的技術(shù)升級(jí)不僅有著明確的“交互性”指向，而且在實(shí)踐過(guò)程中也確為H5作品的“交互性”提供了無(wú)限可能。而對(duì)于H5新聞而言，“交互性”不僅意味著新聞敘事方式的變化，還意味著傳統(tǒng)的傳受關(guān)系的改變。在敘事方式上，創(chuàng)設(shè)者不僅需要更多地從讀者的角度和立場(chǎng)來(lái)解讀新聞，更需要用層出不窮的新技術(shù)來(lái)包裝新聞故事，從而將敘事過(guò)程巧妙的融入到由各種新技術(shù)所創(chuàng)設(shè)的新聞場(chǎng)景中去。而在傳受關(guān)系方面，則需要更多考慮讀者體驗(yàn)的問(wèn)題，特別是通過(guò)各種新技術(shù)而創(chuàng)設(shè)出不同的場(chǎng)景、不同的交互形式，以供讀者的探索、開發(fā)和體驗(yàn)，最終在愉悅的體驗(yàn)過(guò)程中完成新聞信息的呈現(xiàn)和傳播。

總結(jié)而言，無(wú)論是在技術(shù)上、還是在信息的呈現(xiàn)效果方面、以及用戶體驗(yàn)方面都要求H5新聞作品必須具備“交互思維”。就像魚離不開水，H5新聞（包括H5廣告）離開了交互，便失去了H5技術(shù)體系所賦予它的獨(dú)特價(jià)值，失去了其應(yīng)有的特性，充其量不過(guò)一個(gè)滑動(dòng)PPT或移動(dòng)頁(yè)面而已。

注釋

①圍住神經(jīng)貓，http：//h5.mse.#/games/mobile_games/jsbm.html，2018/5/2，15：19。

②注意這里是“簡(jiǎn)稱”不是“縮寫”，因?yàn)镠TML本身已經(jīng)是“Hyper Text Markup Language”的縮寫，H5不可能再對(duì)其進(jìn)行第二次縮寫。

③“超文本”是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

④HTML，https：//zh.wikipedia.org/wiki/HTML， 2018/3/1，23：21。

⑥在這個(gè)意義上，我們可以把HTML5理解為一種用來(lái)替代 Adobe Flash，并實(shí)現(xiàn)與之相同或相似網(wǎng)頁(yè)特效的技術(shù)標(biāo)準(zhǔn)。繼蘋果瀏覽器不支持Flash之后，谷歌瀏覽器也在2015年9月宣布不再支持Flash自動(dòng)播放，由此可見，在可預(yù)見的未來(lái)，HTML5必將取代Flash作為網(wǎng)頁(yè)動(dòng)效的首選技術(shù)平臺(tái)。

⑦HTML5提供了一系列用于網(wǎng)絡(luò)定位的API接口，融合了GPS、IP地址、WiFi熱點(diǎn)等多種方式，具有定位精度高、靈活性強(qiáng)的特點(diǎn)。因此，HTML5能夠準(zhǔn)確標(biāo)記用戶當(dāng)前所在的地理位置，適應(yīng)了移動(dòng)互聯(lián)網(wǎng)的發(fā)展需求。

⑧即在瀏覽器關(guān)閉后，依然能夠保存用戶信息、緩存數(shù)據(jù)、用戶上一次的應(yīng)用狀態(tài)等數(shù)據(jù)。

⑨簡(jiǎn)單地講，就是可以不使用Flash等插件而直接在網(wǎng)頁(yè)上涂鴉。

⑩萬(wàn)維網(wǎng)也被稱為現(xiàn)今最通用的超文本系統(tǒng)。

參考文獻(xiàn)

[1]詹新惠.H5產(chǎn)品的基本樣式及其在新聞?lì)I(lǐng)域的應(yīng)用[J].新聞與寫作，2017（6）.

[2]郭真輝.“Html5動(dòng)態(tài)新聞”發(fā)展?jié)摿Ψ治鯷J].青年記者，2015（3）.

[3]黃恒.移動(dòng)互聯(lián)網(wǎng)環(huán)境下的HTML5新聞編輯特點(diǎn)分析[J].新媒體研究，2017（23）：79-80.

[4]劉彥宏.H5互動(dòng)新聞與新聞娛樂化的關(guān)系[J].青年記者，2017（23）.

[5]何蓉.H5交互動(dòng)畫在新聞報(bào)道中的應(yīng)用和趨勢(shì)——以黨的十九大會(huì)議和2018年全國(guó)兩會(huì)報(bào)道為例[J].新聞研究導(dǎo)刊，2018（17）.

[6]蘇杭.H5+移動(dòng)營(yíng)銷設(shè)計(jì)寶典[M].北京：清華大學(xué)出版社，2017：17.

[7]Open Web Platform Milestone Achieved with HTML5 Recommendation[EB/OL].[2018-03-01].https：//www.w3.org/2014/10/html5-rec.html.en.

[8]Hirschorn M. Closing the digital frontier [J]. The Atlantic，2010（3）.

[9]超媒體方式[EB/OL].[2018-05-03].https：//wiki.mbalib.com/wiki/%E8%B6%85%E5%AA%92%E4%BD%93%E6%96%B9%E5%BC%8F.

[10]陳力丹.互聯(lián)網(wǎng)的非線性傳播及對(duì)其的批判思維[J].新聞?dòng)浾撸?017（10）.

[11]胡泳.世界如此多姿多彩[J].汕頭大學(xué)學(xué)報(bào)（人文社會(huì)科學(xué)版），2017（7）.

[12]劉斌.HTML5——未來(lái)網(wǎng)絡(luò)應(yīng)用的核心技術(shù)研究[J].自動(dòng)化與儀器儀表，2010（4）.

[13]閱兵手冊(cè)[EB/OL].[2018-05-01].http：//news.qq.com/zt2015/review_book/foot.htm.

[14]習(xí)近平和奧巴馬是這樣夜游中南海的，你們感受一下[EB/OL].[2018-05-01].http：//news.163.com/special/zhongnanhai1/？f=wx#！/scene-1.