HTML5技術在移動Web前端設計中的研究

朱廣躍

（上海市城市科技學校 上海市 201620）

HTML5以其十分優秀的跨平臺特征使得其在移動Web前端設計中大放異彩。HTML5技術作為HTML5技術的升級版，與先前的Web標準有很大區別，在圖像、音頻、視頻的支持上都更加趨向于標準化。目前很多移動APP在設計時都使用了大量的Web技術，再加上小程序平臺、微信公眾號平臺等便捷服務平臺的出現，讓HTML5頁面以其輕量化、高移植能力的特點更加突出。本研究的內容主要針對HTML5技術與移動Web前端設計的技術要領，并結合實戰對整個開發過程進行詳細的研究。

1 HTML5在Web前端開發中的應用現狀和技術優勢

HTML5的出現是Web標準能夠和Web APP的高速發展得以匹配的必然結果。在HTML5出現之前，Web應用想要實現豐富的多媒體功能支持，往往需要使用諸如Flash等大量的第三方工具，而這些第三方工具本身就存在安全性問題，所以HTML5的出現，使得Web前端的設計開發更加簡易化和規范化。用戶不需要安裝插件即可以查看圖像、音頻、視頻等多媒體內容，同時開發人員還可以通過CSS3、HTML5和JavaScript來構建全新的Web應用，設計出元素豐富且十分美觀的頁面。在微信應用中所提供的小程序、微信公眾號等功能，都是基于HTML5頁面的免安裝應用。

由于HTML5的崛起，現在很多的手機端的應用都采用內嵌網頁或者半嵌入網頁的方式來開發應用，這樣節省成本能省去很多麻煩。如果使用原生開發的方式開發應用，不僅人工成本高，而且維護、升級都比較麻煩。Native 開發也即原生開發，在Android 開發中，大部……