HTML5近三年开发总结.docx

HTML5开发及常见问题目录一、HTML5简介 21) HTML5标准 22) HTML5未来 2二、HTML5新特性 21)HTML5语义特性 22)HTML5本地存储 23)HTML5调用硬件 24)HTML5连接特性 35)HTML5网页多媒体特性 36)三维、图形及特效特性 37)性能与集成特性 38)CSS3新特性 39)CSS3响应式 3三、开发经验分享 41)CSSpix和Devicepix 42)Viewport解决分辨率/DPI适配问题 43)响应式 64)CSS3-webkits 65)Appicon制作 66)Retian屏幕适配(高密度的手机,甚至PC显示屏) 77)Float属性替换 78)横竖屏 79)Fastclick 810)如何解决盒子边框溢出 811)自动大写与自动修正 812)横板与竖版 8一、HTML5简介HTML5标准在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用?而随着HTML5标准的发展,两者之间的差异已经逐渐变得模糊。就在近几周,万维网联盟(W3C)在2014年10月29日,经过9年的艰辛努力,HTML5标准规范最终制定完成,并已公开发布,、,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求,为桌面和移动平台带来无缝连接的丰富内容。HTML5未来接下来,W3C将致力于开发用于实时通信、电子支付、应用开发等方面的标准规范,还会创建一系列的隐私、安全防护措施W3C还在2014年透露、,二、HTML5新特性1)HTML5语义特性作为HTML5的前端和中心,语义学能够赋予框架结构以意义。更详尽的标签组合以及资源描述框架,微型数据和微型格式将为你和你的用户打造一套数据驱动的网络。(article、aside、audio、canvas、datalist、details、footer、header、keygen……)2)HTML5本地存储基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5APPCache,以及本地存储功能。IndexedDB(html5本地存储最重要的技术之一)和API说明文档。HTML5storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。localStorage、sessionStorage、本地数据库3)HTML5调用硬件从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones(麦克风)及摄像头相联,语音输入、重力感应……API包括:MediaCaptureAPI、SystemInformationAPI、DeviceOrie