HTML5技术早在年就已经得到各大浏览器厂商的支持,但该标准真正的完成时间是年10月29日。HTML5具有以下特性,以适应移动web开发。语义:HTML5标签更丰富,对微数据、微结构等支持非常友好,赋予网页更好的语义和结构。
本地存储:HTML5使Web应用程序具有更短的启动时间、更快的网络速度,甚至可以离线使用。设备兼容性:HTML5为开发者提供了非常丰富的API,让开发者在功能方面有更好的体验和优化选择。连接特性:Server-SentEvent和WebSocket技术使连接更加高效,尤其是在实时聊天和网页游戏中,极大地提升了用户体验。多媒体:支持音视频播放,打破对Flash等外挂插件的依赖,降低开发成本,提高开发效率,提升用户体验。
图形效果:HTML5提供了Canvas、WebGL等图形和三维功能,使普通网页能够呈现出震撼的视觉效果。除了这些有用的特性之外,HTML5还提供了更多在移动Web开发中至关重要的新特性,下面简要介绍一下。视口控制。
设计网页时,设计师通常会固定网页的宽度,例如PC端为像素或像素,移动端为像素或像素。但是,当在移动设备上查看时,这些页面并未完全显示,因为该设备还不够宽。例如,iPhone6的视口宽度为像素,这对于网页来说是完全不够的。为了弥补这一点,移动设备浏览器会放大视口,通常为像素或像素。但这会导致浏览器出现水平滚动条,因为设备的实际可见区域远小于浏览器本身设置的宽度。
要解决这个问题,需要引入Viewport属性。媒体查询。CSS3添加了媒体查询功能,允许开发人员根据设备的不同特性应用不同的样式。例如,通过判断视口的宽度,网页输出不同的显示效果。例如,iPhone7下网页默认字体大小为12像素,iPhone7Plus下默认字体大小为14像素;如果设备是iPad,则可以多列布局显示。