英文原文：How to improve Mobile Web Application Development when using HTML5

因为 HTML5 有易于维护，更好的互动性，更快的开发等优点，被越来越多的应用在移动 Web 应用程序的开发中。HTML5 是一种标记语言，与 Javascript 和 CSS 一起，构成了每个开发者的核心技术，HTML5 拥有自己的 API 以及一组被主流浏览器兼容的标准 API，同时一些特殊被 API，比如本地存储也被许多浏览器支持。

在过去的几年中，随着平板电脑和智能手机的出现，在普通 PC 上使用网站的人数在减少。大多数人，这段时间，在他们的移动设备访问网站或直接下载手机 APP。手机 APP 已经蓄势待发，不过，虽然移动网站有更多的优点，例如不需要安装就可以马上使用，兼容多种设备，易于升级，用户通过链接就可以共享，使用较小的成本和开发时间，等等，但移动网站的发展依然停滞不前。

正是因为这些原因，我们确实需要开发 HTML5 的移动网站。在今天的文章里，让我们一起来看看如何通过改进 HTML5 的方法来开发移动网站应用。

用 HTML5 改进移动 Web 应用的开发

一个完美的网站，在开发时可以多考虑一些兼容性，就可以在移动浏览器上使用了。主要的考虑方面，HTML5 开发人员需要注意屏幕的尺寸和分辨率；其次，如果保持 HTML，CSS，Javascript 是有效的，简洁的，才是移动用户需要的内容。

当你在设计移动网站时，请记住站在用户的角度去考虑，并提供重要的内容。尽管如此，不是所有的传统网站都需要一部分移动网站。很有可能，当用户进入网站里的每个页面时，如果没有在第一时间看到他们想看的内容，他们就会退出网站。

更重要的是，你要在各种尺寸的屏幕上测试你的网站。检查图片是否被加载；是否可以横向滚动；是否所有的功能都可以工作，是否支持所有格式的文件。需要全面的检查你的网站，确保使用 HTML5 开发的移动网站获得完美的效果。

开发移动设备应避免的事项

• 由于手机屏幕尺寸较小，在手机布局中极可能不要让网站用户滚动屏幕，因此不要使用表格。

• 确保不要使用隐藏的图形来填充页面。如果使用隐藏图形，会增加下载时间，而且页面也可能显示错误。

• 很多手机网站用户并不喜欢弹出窗口。这些窗口不但很烦人，而且导致网站可用性问题。因此，您一定要使用必要的方式

作为一名 HTML5 的开发者必须保证移动浏览器的兼容性。同时，每个使用 HTML5 开发的公司，都应致力于开发和提升移动 web 应用的用户体验。

本文中的所有译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接。 2KB翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务