HTML5是HTML标准的第五次修订。它的主要目标是对互联网进行语义化处理,使其能够更好地被人和机器阅读,同时为嵌入各种媒体提供更好的支持。HTML5的语法是向后兼容的。国内一般说H5包括CSS3和JavaScript(严格来说这样叫是不合适的,但如果已经这样叫就错了)。HTML5新特性语义特性HTML5赋予网页更好的含义和结构文档类型声明()只有一种类型:。新的解析顺序:不再基于SGML。新元素:section、video、progress、nav、meter、time、aside、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、output、rp、rt、ruby、source,总结,wbr。新类型的输入元素:日期、电子邮件、url等。新属性:ping(用于a和区域)、charset(用于meta)、async(用于脚本)。全局属性:id、tabindex、repeat。新的全局属性:contenteditable、contextmenu、draggable、dropzone、hidden、spellcheck。移除元素:acronym,applet,basefont,big,center,dir,font,frame,frameset,isindex,noframes,strike,tt。本地存储特性HTML5离线存储包括:应用缓存(ApplicationCache)、本地存储、索引数据库、文件接口应用缓存通过创建缓存清单文件,您可以轻松创建离线版本的网络应用。它的优点是:offlinebrowsing-user它们可以在应用程序离线时使用。速度——缓存静态资源,使加载更快减少服务器负载——浏览器只会保存服务器下载更新或修改过的资源本地存储localStoragesessionStorage从名字上就可以清楚的辨别两者前者的区别在于前者总是存在于本地,而后者只伴随着session,一旦窗口关闭,它就会消失。IndexedDB(索引数据库)从本质上讲,IndexedDB允许用户在浏览器中存储大量数据。任何需要发送大量数据的应用程序都可以通过将数据存储在用户的浏览器中来受益于此功能。目前,这只是IndexedDB的功能之一。IndexedDB还提供了强大的基于索引的搜索API功能来获取用户需要的数据。用户可能会问:IndexedDB与以往的其他存储机制(如cookies、session)有何不同?Cookies是浏览器端最常用的保存数据的机制,但保存数据的大小有限,且存在隐私问题。Cookie还在每个请求中来回发送数据,因此无法利用客户端数据存储。下面我们来看看LocalStorage本地存储机制的特点。本地存储在HTML5中有很好的支持,但在总存储容量方面仍然有限。LocalStorage不提供真正的“检索API”,只能通过键值对访问存储在本地的数据。LocalStorage很适合一些需要存储数据的特定场景,比如用户偏好,而IndexedDB更适合存储广告等数据(更像一个真实的数据库)。通常,有两种不同类型的数据库:关系型和文档型(也称为NoSQL或对象)。SQLServer、MySQL和Oracle等关系数据库中的数据存储在表中。MongoDB、CouchDB和Redis等文档数据库将数据集存储为单独的对象。IndexedDB是沙盒环境中的文档数据库(强制执行(浏览器)同源策略),完全内置于浏览器中。对数据库的每个操作都被描述为通过请求打开数据库,访问对象存储,然后继续。IndexedDB适合应用的几个关键点吗?您的用户通过浏览器访问您的应用程序。(浏览器)是否支持IndexedDBAPI?您需要在客户端存储大量数据吗?您需要在集合中存储大量数据快速定位单个数据点?您的架构是否需要客户端的事务支持?如果您对这些问题中的任何一个回答“是”,那么IndexedDB很可能是您应用程序的理想选择。文件接口见这里http://www.cnblogs.com/zichi/p/html5-file-api.html设备访问功能包括地理位置API,媒体访问API,访问联系人和事件,设备方向和地理位置https://www.cnblogs.com/zichi/p/html5-file-api.html://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/Using_geolocation媒体访问看这里https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Using_HTML5_audio_and_video访问联系人和事件看这里https://blog.csdn.net/qq_27626333/article/details/51815229设备方向看这里https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation连接特性HTTP是无连接的,一次请求,一次响应。如果要实现网页版微信扫一扫登录,网页版微信聊天等功能,需要使用轮询的方式来实现长连接的效果。大部分的轮询时间都在做无用功,浪费网络,浪费资源。现在HTML5为我们带来了更高效的连接解决方??案WebSockets和Server-SentEvents。网页多媒体特性HTML5支持原生的音视频能力:音频、视频3D、图形、特效特性一般包括SVG、Canvas、WebGL、CSS33D,下面分别进行研究。性能和集成特性性能和集成特性主要包括两个东西,WebWorkers和XMLHttpRequest2.参考文章:HTML5新特性谈HTML5新内容
