小利的博客

前端新手----

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。



阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014665035/article/details/52369712
个人分类: html css
上一篇浏览器内核 兼容问题--总结
下一篇回到顶部效果 js+css
想对作者说点什么? 我来说一句

html5学习笔记.txt

2012年02月28日 6KB 下载

Essential Guide to HTML5学习笔记

2012年08月08日 856KB 下载

没有更多推荐了,返回首页

关闭
关闭