（4）WEB复习

1：特性

• form表单验证，增加了 eamil，numer
• 简化了doctype，字符集，标记
• 更少的插件，原生的实现（audio，video，socket）替代sflv
• 默认安全

2：改进

• 新布局 section，nav，section，article
• 多媒体标签：aduio，video，source
• 图像标签：canvas graph
• 表单标签：datalisy，keygen，progress
• web缓存：比cookie更好的本地存储
• 完全支持CSS 3
• web应用
• 本地sql存储
• 2D / 3D 制图

3：为什么要进行语义化

• 有利于SEO
• 有利于开发维护
• 用户的体验更好
• 更好的可访问性，方便任何设备对代码进行解析

4：canvas

• 用来定义图像，比如表格和图形，需要使用js来绘制图像
• 只是图像的容器，需要使用js

5：SVG

• 可缩放矢量图。使用XML语言来进行二维图像的描述，用于描述二维矢量图像的一种方式

6：web存储

• H5 web存储，一种比cookie更好的本地存储方式
• local storage：用于长久的保存整个网站的数据，没有过期时间，必须手动的去除
• session storage：用于临时的保存窗口，关闭窗口之后将会删除数据

7：应用程序缓存

• 通过创建 cache mainfest文件，创建离线版本应用
• 离线程序的优势
  • 离线浏览
  • 速度：缓存资源加载快
  • 减少服务器的负载：只更新变化的部分