html5 学习笔记

原创 2016年08月30日 15:27:52
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。



版权声明:本文为博主原创文章,未经博主允许不得转载。

[持续更新]HTML5学习笔记(二)

1.  元素分类 元数据元素(metadata element):由此可见主要是元素中的事情了,向浏览器提供信息和指示; 流元素(flow element):听名字怪异,但是其实是规定这些元素可以...
  • u014267351
  • u014267351
  • 2015年09月01日 13:03
  • 1750

HTML5学习笔记(总结提炼版)——001常见的HTML标签

前言:最近在学HTML5,想想还是把笔记放到博客来,一来可以相互分享和交流学习,二来2可以督促自己不要放松! 练习1: src和href的区别 src:引用,该资源是页面不可缺少的一部分,如(...
  • sunnyboy9
  • sunnyboy9
  • 2016年03月14日 00:42
  • 929

Html5学习标签个人笔记大全

  • qq_23079443
  • qq_23079443
  • 2016年04月09日 19:58
  • 433

FCC学习笔记-(一) HTML5 and CSS

HTML5 and CSS标题主标h , 副标h1,h2,…hello world 正文CatphotoApp注释用法 style 样式1. inline stylehello world ...
  • weixin_39549890
  • weixin_39549890
  • 2017年07月25日 13:03
  • 169

HTML5学习笔记 —— JavaScript基础知识

来源于我的HTML5学习笔记,通过它可以快速入门HTML5,同时可以作为工作中快速查找知识点的利器。 本文由浅入深地详解了JavaScript的各项基础知识点,通过本文你将会对JavaScript语...
  • chencl1986
  • chencl1986
  • 2017年05月11日 21:51
  • 2583

HTML5学习笔记之video标签

HTML5进阶笔记之video标签在HTML5的新特性中增加了对原生视频文件的支持,可以在播放视频时无需Flash插件。在页面中嵌入视频可以通过如下的简单代码实现: Your browser ...
  • zhxiong1994
  • zhxiong1994
  • 2015年09月22日 21:23
  • 275

Html5学习笔记(一)初认识html5

html5初认识
  • ZengIsCoding
  • ZengIsCoding
  • 2016年06月01日 16:00
  • 1019

第三讲:React Native & HTML5+(学习笔记1)

1.https://github.com/facebook/react-native http://react-native.cn/  (React Native 中文网) 2.React.js和R...
  • luohuaxinyue
  • luohuaxinyue
  • 2015年12月15日 13:14
  • 736

HTML5学习笔记 HTML5基础教程

HTML5的基础 文档声明更简单了。 1   2   3 •html标签上不需要声明命名空间。 1   2   3 •字符集编码声明也...
  • gelivable007
  • gelivable007
  • 2012年03月17日 17:18
  • 2227

学习笔记:HTML5

geolocationMDN文档 W3文档/*获取一次*/ window.onload=function (){ var oBtn=document.getElementById('btn1')...
  • dick3741
  • dick3741
  • 2017年11月21日 17:18
  • 114
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html5 学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)