HTML5

什么是HTML5

• 分为广义和侠义的定义
  • 狭义的HTML5指新版本的HTML语⾳，具有新的元素、属性、⾏为
  • ⼴义的HTML5泛指实现复杂⽹站⽤到的⼀系列新技术集

HTML5所包含的新技术

• 新增一些语义化标签
  • 如 header footer main section figure aside nav 等，拥有更丰富的表单类型
• 性能的提示
  • ⽐如 Web Workers， 对XMLHttpRequest升级，优化JavaScript引擎
• 新的通信机制
  • ⽐如WebSock、服务端推送事件、WebRTC
• 离线存储的支持
  • ⽐如localStorage、indexdb、离线缓存
• 2D，3D绘图
  • ⽐如Canvas、SVG、WebGL
• 硬件设备的支持
  • ⽐如调⽤摄像头、定位、检测设备⽅向
• 多媒体的支持
  • ⽐如⾳频、视频、Camera API、WebRTC
• 更丰富的效果
  • ⽐如阴影、边框、过渡、动画、3D等

HTML5技术能够做什么

• 应用范例网页游戏

1. WebGL⽤于3D渲染
2. HTML Audio ⽤于⾳频
3. LocalStorage ⽤于本地化存储
4. Web Socket⽤于双⼯通信
5. Web Workers提示性

HTML5新增标签

• canvas标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
• audio定义音频内容
• video定义视频（video 或者 movie）
• source定义多媒体资源video和audio
• embed定义嵌入的内容，比如插件。
• track为诸如video和audio元素之类的媒介规定外部文本轨道
• article定义页面独立的内容区域。
• aside定义页面的侧边栏内容。
• bdi允许您设置一段文本，使其脱离其父元素的文本方向设置。
• command定义命令按钮，比如单选按钮、复选框或按钮
• details用于描述文档或文档某个部分的细节
• dialog定义对话框，比如提示框
• summary标签包含 details 元素的标题
• figure规定独立的流内容（图像、图表、照片、代码等等）。
• figcaption定义figure元素的标题
• footer定义section或 document 的页脚。
• header定义了文档的头部区域 mark定义带有记号的文本。
• meter定义度量衡。仅用于已知最大和最小值的度量。
• nav定义导航链接的部分。
• progress定义任何类型的任务的进度。
• ruby定义 ruby 注释（中文注音或字符）。
• rt定义字符（中文注音或字符）的解释或发音。
• rp在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
• section定义文档中的节（section、区段）。
• time定义日期或时间。
• wbr规定在文本中的何处适合添加换行符。