仇善梁

摘 要： 以笔者所在单位为例，探索如何基于HTML5对中小型传统网站进行既省钱又省力的移动化重构改造，旨为提高用户访问体验。

关键词： HTML5； 移动Web； 重构

中图分类号： TP 393 文献标志码： A 文章编号： 1671-2153（2016）01-0099-04

0 引 言

众所周知，传统网站是为桌面电脑而设计的，在用手机浏览传统网页时，虽然可以通过屏幕缩放和平移等操作实现正常浏览，但是用户体验很不好，因此需要有专门针对手机设计的Web页面。为了取得上述较好的浏览效果，知名网站一般会开发自己的Native App应用，但因手机的多种操作系统不能跨平台使用，需要进行独立开发，会产生较高的开发成本，这对于一些中小型站点是无法接受的。

综上所述，对于一些中小型站点而言，为解决手机访问传统网站出现的问题，体现富媒体时代的要求，对传统网站进行移动化重构，提高用户的访问体验，显然是一个既省钱又省力的好方法。

1 HTML5移动Web新特性

HTML作为编写网页的标记语言，万维网的核心语言，于1993年6月发布，后经多次修订不断成熟。随着2014年10月29日HTML的第五次重大修改成果定稿，其标准规范制定完成，即HTML5。针对移动设备日益普及的全新时代，2010年，Ethan Marcotte提出了“自适应网页设计”这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计[2]。HTML5中提出了全新的媒体支持，全新的智能表单技术和全新布局新标签等内容，可以很好地解决传统网站在手机端的自适应问题。根据目前的发展趋势，可以判断HTML5即将成为移动互联网领域的主宰者。……