首页 > 代码库 > HTML5实战 文摘 第一章 从文档到应用的转变
HTML5实战 文摘 第一章 从文档到应用的转变
1. HTML5的基本特性
1.1 DOCTYPE声明方式
HTML5的声明格式非常简单不需要DTD和URL
<!DOCTYPE html>
就这么一句声明放在文档的开头就可以了。
1.2 新的元素
增加新的元素代表新的语义，例如，新增加了<hgroup>标签，这个标签用于对网页或区段（section）的标题进行组合。再例如<nav>标签，它定义了网站导航的链接。有了类似这种新的元素，页面标记结构不仅清晰易读，搜索引擎机器人和辅助技术也能比较好的解读页面的内容。
1.3 新的表单特性
HTML引入了新的表单输入类型，例如：
color:
time:
month:
date:
number:
range:
除了input元素的type有了丰富，HTML5还引入了新的输入元素属性
例如: autocomplete, autofocus, placeholder, list 等等
1.4 进度条 度量器 可折叠内容
这些是一些常用的显示小部件。个人认为在实际的工程项目中，更多的是用自己构建的组件，这些原生的小组件用的不多。
1.5 微数据
搜索引擎和浏览器可以通过微数据提供更多的功能
2. 高级特性
2.1 HTML的画布Canvas，通过HTML和JS就可以制作丰富的动画，从而代替并不 好的实现方式，例如用Flash技术实现。
2.2 音频和视频，之前的实现方式都是通过第三方插件的方式来支持视频和音频，现在却可以原生的用HTML支持。这也许就是最近HTML5火起来的重要原因，视频能在移动端方便的传播，而不需要任何第三方插件。
2.3 拖放功能，之前在页面中的拖放功能是通过JS来实现的，现在结合新的HTML5的拖放API就可以实现拖放的功能。
2.4 使用WebSockets实现服务器端与客户端的双向通信， 这种通信方式没有HTTP相关的开销，和适合快速传输小规模数据。
2.5 利用服务器发送事件实现从服务器端到客户端的单向通信。利用EventSource接口，你的web应用能够订阅一个服务器事件流，它只接收服务器发送的更新消息。
2.6 文档可编辑。通过设置contenteditable属性使得该元素具备可编辑的特性，设置designMode可以使整个文档都具有可编辑的特性。
2.7 使用Cooki会产生很多负面的问题。Web存储 Web Storage DOM API 为web应用替代Cookie的解决方案。这个API涉及两个接口：sessionStorage和localStorge
2.8 通过IndexDB可以开发离线web应用。在离线状态时可以调用本地的IndexDB数据库进行操作，等连接到网络后再通过ajax请求更新到服务端
2.9 可伸缩矢量图形
这一个系列的文章主要是将HTML5实战(HTML IN ACTION)的内容进一步精简和提炼。总结思路和方法，精简内容，进一步了解HTML5规范带来的WEB变革。
HTML5实战 文摘 第一章 从文档到应用的转变