HTML5移动网站开发实践.pptVIP

移动网站开发实践 赵文博 使用HTML5 响应式设计 touch事件 兼容高分屏 硬件加速 Debugging Tips 语义化标签 使用这些标签增强语义[1]: header footer nav article … New elements of HTML5 离线存储 使用localstorage[1]: 保存用户地理位置信息 缓存Javascript和CSS[2] Web storage Storager case study: Bing, Google 访问设备 使用geolocation [1]来获取用户地理位置 Geolocation API Specifications 图形 使用Canvas[1]和SVG[2]来绘制股票曲线 HTML Canvas 2D Context Scalable Vector Graphics (SVG) 1.1 CSS3 CSS3[1]的使用很普遍: 用flexible box布局 圆角与阴影 渐变背景 border image transition rgba 新的selector media query Base64图片[2] CSS Level 3 Data URI scheme 浏览器兼容性 响应式(Responsive)网页设计 什么是响应式设计 一种能在不同屏幕大小的设备上都能提供优秀的浏览体验的网页设计方案[1][2] 案例[