作為用于取代1999年所制定的 HTML4.01的下一代HTML標準版本，當前的HTML5標準正處于一個高速發展階段。HTML5浪潮有兩個最大特點：強化 Web 網頁的表現性能，并追加本地數據庫等Web應用下的功能特性，旨在通過減少瀏覽器對于需要插件（如Adobe Flash、Microsoft Silverlight等）的網絡服務需求，提供更多能有效增強Web應用的標準集。

圖1

　　HIT FM勁曲調頻，作為IE 10瀏覽器的深度合作伙伴之一，繼2003年4月開始在北京試播后，于隨后的十年內陸續落地廣州、上海、重慶、南京、天津等城市，作為國內唯一一家全天候播出的國際流行音樂頻率，已經成為都市時尚人群生活中不可或缺的音樂伴侶。 現在，伴隨著采用新一代HTML5網頁標準打造的全新官網正式上線，實現了包括Live Streaming實時收聽、折頁Parallax視覺效果，以及為觸控而生的沉浸式界面等在內的一系列炫酷特性。

　　對此，HIT FM頻率總監趙健談到：“在當下這個音樂早已被人們視為同空氣、飲水一樣重要的時代，我們急切地需要一個合適的平臺，讓HIT FM官網能夠發揮出自身的特色與優勢，將其從簡單的功能和千篇一律的設計中解放出來，給600萬聽眾眼前一亮的感覺，以進一步完善網絡瀏覽器下的電臺收聽體驗。”

　　挑戰：

　　早先的HIT FM官網設計單調，功能性較為單一，響應效率較低，已經無法同HIT FM一直以來動感、時尚、與國際接軌的品牌形象定位相匹配。

　　面對幾乎成為標配的多點觸控屏幕和隨之而來的觸控體驗需求，全新的HIT FM官網需要從設計上就充分考慮到針對用戶觸控操作的優化。

　　在如今設備分辨率異常混亂的大環境下，除傳統的臺式電腦外，越來越多的用戶開始使用智能手機、平板電腦等移動設備來瀏覽網頁，傳統固定樣式的頁面已經不能應付此類需求。

　　解決方案：

圖2

　　借力于全新的IE 10瀏覽器中對HTML5標準和硬件加速功能的全面支持，改版后的官網只需要128Kbps的極小帶寬就可以進行在線收聽，且相關軟件工程師們通過將MMS流媒體經過轉換成為HTML5支持的音頻流媒體格式，并使用HTML5支持的<Audio>標簽實現無插件播放功能，使得聽眾在不需要任何瀏覽器插件的條件下即可在IE 10、Safari、Chrome、Firefox等主流桌面或移動平臺瀏覽器上收聽，解決了以在線收聽廣播電臺必須使用WMP插件的問題。

圖3

　　針對觸控操作的優化不僅表現在整個頁面上多采用高清大圖和大尺寸圖標，還在一些滑動操作和特效的展現上都進行充分地考量，并針對來自不同設備（智能手機、平板電腦、超極本）的訪問逐一優化，以保證不同用戶的統一化完美觸控體驗。同時，IE 10在上一代瀏覽器的基礎上進一步縮減自身界面所占用的屏幕區域，將窗口及控件所占用的像素面積縮減到0，通過完全沒有邊框、沒有按鈕、沒有輸入欄的設計，整個瀏覽器窗口完全用于展示網頁內容。正是憑借上述的諸多創新設計，全新HIT FM官網在IE 10中的運行效果仿佛本地應用程序一樣流暢，并且沉浸式的界面也使得用戶更加投入于音樂內容本身。

圖4

　　在實現流暢觸控操作的同時也在視覺效果上加以提高：例如通過What’s Hot頁面中的折頁和News & Events中的視差效果，在拖動的過程中就給用戶帶來3D般的立體視覺感受，大大增強了交互體驗。在以往的開發過程中，對于類似特效的實現較為困難，經常需要復雜的代碼和效率較低的Flash插件來完成。得益于IE 10所擁有的硬件加速能力以及對于全新HTML5和CSS3標準的全面支持，網頁工程師采用了CSS3中Transform和Transition變形處理來實現網站的過渡效果，給用戶炫酷視覺體驗的同時也擁有流暢和快速的加載性能。

　　利用HTML5標準及CSS3中的Media Query屬性將頁面實現響應式設計，從此整個版面可為屏幕和分辨率進行適配，向不同用戶提供同樣友好的Web界面，在降低開發成本的同時使得頁面更具“彈性”，在頁面布局不被破壞的前提下保證不同分辨率的用戶都能得到最佳的瀏覽體驗。

圖5

　　為了進一步保證聽眾的收聽持續性，相關工程師采用了HTML5網頁標準中全新加入的History API特性，實現了全站AJAX，當用戶在點擊內容時，頁面只會加載需要更新的內容而不會加載外層不變的框架，同時標題欄、地址欄以及前進后退等按鈕也會發生相應變化，和整頁刷新幾無二致，這大大降低了移動數據網絡下的用戶流量消耗。整個過程都不會影響到后臺Live Streaming的實時播放，有效提升聽眾的局部刷新體驗。

　　優勢：

　　正如微軟IE部門企業副總裁迪恩·哈查莫維奇在MIX 11大會開場演講時所說：“本地化的體驗才是最好的體驗。在Windows平臺上通過IE 10的HTML5標準和硬件加速功能，使得瀏覽網頁如同打開本地應用程序一樣流暢。”作為HTML5網頁標準的參與構建者之一，微軟在全新的IE 10瀏覽器在全新HTML5網頁標準下的運算處理能力，特別是當用戶在進行高保真音頻在線播放和網頁游戲時，IE 10瀏覽器具備的強大渲染性能和處理速度前所未有地提升了用戶體驗。

　　作為微軟Windows生態下的新一代瀏覽器，IE 10為諸如HIT FM一樣的新生代Web應用提供了絕佳的展示平臺，能夠讓Web App拋開其傳統概念中表現力不足的短板，發揮統一化、跨平臺的優勢，與近年來持續火爆的本地移動應用程序一爭高下。而隨著互聯網產品移動化的趨勢越發明顯，Web瀏覽器作為終端上重要的一環對移動產品有著重要的作用，配合新一代HTML5標準的普及，IE 10正憑借不斷進化的技術追求，成為微軟移動服務的重要支點。