html5 学习笔记

w3c是个好网站 要多去看看

1.video 视频
 
2.audio 音频
 
3.Drag drop  拖放

4.canvas  绘制图像  
  canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript内部完成。
  JavaScript 使用 id 来寻找 canvas 元素，varc=document.getElementByIdx_x("myCanvas");
  然后，创建 context 对象 varcxt=c.getContext("2d");
  cxt.fillStyle="#FF0000";fillStyle方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。cxt.fillRect(0,0,150,75);

5.SVG 内联 SVG    指可伸缩矢量图形
SVG 是一种使用 XML 描述 2D 图形的语言。Canvas 通过 JavaScript 来绘制 2D 图形。

6.Geolocation（地理定位）用于定位用户的位置。

7.Web 存储
      localStorage- 没有时间限制的数据存储
      sessionStorage - 针对一个 session 的数据存储

8.应用程序缓存 
      通过创建 cachemanifest 文件，可以轻松地创建 web 应用的离线版本。

9.Web Worker  是运行在后台的 JavaScript，不会影响页面的性能。

10.服务器发送事件  服务器发送事件（server-sentevent）允许网页获得来自服务器的更新。

表单

11.HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
      mail    url  number range Date pickers (date, month, week,time, datetime, datetime-local) search  color

12.新的表单元素  datalist  keygen  output  option 元素永远都要设置value 属性。  基本都不支持

13 form属性
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
注释：autocomplete 适用于标签，以及以下类型的 标签：text, search, url, telephone, email,password, datepickers, range 以及 color。