开发HTML5移动网站的技巧?

一、移动网页设计技巧
1. 选择合适的布局：使用“响应式设计”技术，根据不同的设备宽度自动调整网页布局，从而让移动用户能够有更好的体验。
2. 选择合适的字体：移动网页的字体大小和颜色都要简单明了，以便在移动设备上更好的阅读，而且文字的字体要选择较小的、清晰的字体。
3. 选择合适的图片：使用适当大小的图片，以便于移动网页的加载速度更快，同时要注意图片的大小和分辨率，让图片在不同的设备上都能够看清楚。
4. 避免过多的动画：动画使网页变得更加有趣，但同时也会增加网页的加载时间，而且动画过多也会让用户感到烦躁，所以在设计移动网页的时候最好避免过多的动画。
5. 尽量少使用Flash：Flash仍然是一种不可替代的网页动画技术，但是移动设备上大多不支持Flash，所以在设计移动网页的时候最好尽量少使用Flash。

二、HTML5移动网站开发技巧
1. 使用HTML5新特性：HTML5新增了许多新特性，比如离线存储、动画、Canvas和SVG等，这些新特性可以使移动网站更加丰富多彩。
2. 优化CSS：使用CSS3新增的优化特性，可以让移动网站加载速度更快，也可以减少网页体积，节省移动用户的流量。
3. 使用JavaScript框架：使用JavaScript框架可以实现更多的功能，可以让移动网站更加强大。
4. 避免过度的AJAX：AJAX可以让网页实现更复杂的功能，但同时也会增加网页的加载时间，因此，在设计移动网站的时候要尽量避免过度的AJAX。
5. 使用最新的浏览器技术：要尽量使用最新的浏览器技术，以便于让移动用户能够正常的访问移动网站，而不会出现兼容性问题。