HTML5+CSS3在触屏网站上的实践经验分享

HTML5+CSS3在触屏网站上的实践 本文主要介绍了使用HTML5和CSS3在触屏网站上的实践经验，涵盖了触屏现状、整体架构、前端切图和CSS经验分享、前端JavaScript经验分享等方面的知识点。 一、触屏现状 在触屏网站上，需要考虑到各种不同的触屏设备和浏览器，例如机票搜索、酒店搜索、团购、列车搜索、景点搜索等。这些触屏网站需要具备良好的用户体验和响应速度。 二、整体架构 在触屏网站的整体架构中，需要考虑到浏览器、VelocityServlet、Mobile Server、Map、Json等技术的应用。同时，前端结构也需要考虑到JS框架的选择，例如Jquery等。 三、前端切图和CSS经验分享 在前端切图和CSS经验分享中，需要考虑到语义化、性能优化、兼容性等方面的考虑。例如，使用混合方案可以兼容不同浏览器，使用nth-child(n)可以实现斑马条纹的效果，使用type="tel"和type="search"可以实现表单支持等。 四、前端JavaScript经验分享 在前端JavaScript经验分享中，需要考虑到移动Web开发框架的选择，例如iUI、jQTouch、SenchaTouch、jQueryMobile等。同时，需要考虑到浏览器地址栏的隐藏和置顶、锚点支持等问题。 五、总结 使用HTML5和CSS3在触屏网站上的实践需要考虑到触屏现状、整体架构、前端切图和CSS经验分享、前端JavaScript经验分享等方面的知识点。同时，需要选择合适的技术和框架，进行充分的调研和测试，以确保触屏网站的良好用户体验和响应速度。 六、知识点总结 * 触屏现状：机票搜索、酒店搜索、团购、列车搜索、景点搜索等 * 整体架构：浏览器、VelocityServlet、Mobile Server、Map、Json等技术的应用 * 前端切图和CSS经验分享：语义化、性能优化、兼容性等方面的考虑 * 前端JavaScript经验分享：移动Web开发框架的选择，浏览器地址栏的隐藏和置顶、锚点支持等问题 * HTML5和CSS3的应用：语义化、性能优化、兼容性等方面的考虑 七、结论 使用HTML5和CSS3在触屏网站上的实践需要具备良好的技术基础和实践经验。同时，需要选择合适的技术和框架，进行充分的调研和测试，以确保触屏网站的良好用户体验和响应速度。