学习html5(3)

原创 2015年11月18日 23:08:38

1.多媒体

    1)音频:audio标签定义音频,source标签定义多媒体资源,可以是多个,ogg或者mp3等,controls属性进行音频流的控制(audio使用方式同image);

    2)视频:video标签定义视频,source标签定义多媒体资源,可以是多个,ogg或者mp4等,controls属性进行视频流的控制(video使用方式同image),同时可以设置width和height;

 

2.拖拽

ondragstart拖放数据,setData被拖数据类型和值,ondragover放置数据时应该屏蔽的事件,ondrop放置数据时发生的事件;

 

3.Canvas标签

    1)canvas只是一个容器,需要使用javascript来进行绘制图形;

    2)通常在javascript中创建canvas标签;

    3)查找canvas的api进行图形绘制。

 

4.SVG引用

    1)可伸缩的矢量图形,xml格式基于万维网标准的文件;

    2)改变尺寸之后分辨率不变;

    3)利用svg标签引入;

    4)同时可以使用src进行引入,同引入图片文件。

 

5.web存储

    1)localStorage:没有时间限制的数据存储;

    2)sessionStorage:针对一个session的数据存储;

    3)应用缓存:在html标签中添加manifest属性,并添加文件.appcache,在文件中添加所要缓存的文件CACHE:;

    4)webWorker:运行在后台的javascript,同服务线程,用于处理耗时的操作,放置界面卡顿,postMessage向页面传回数据,terminate终止;

    5)服务器推送事件:主要使用websocket和http进行数据的传输。

 


参考文档:1)帮助文档:https://developer.mozilla.org/zh-CN/

                   2)cns:http://javascript.ruanyifeng.com/htmlapi/canvas.html

                   3)JS插件:http://createjs.com/

                   4)SVG:http://www.w3school.com.cn/svg/

                   5)服务器下载地址:http://www.jetbrains.com/

                   6)服务器下载地址:http://www.xampp.cc/archives/69

相关文章推荐

HTML5+css3权威指南学习重点整理

  • 2013年04月22日 14:39
  • 442KB
  • 下载

html5+css3学习笔记

1、html5建立规则 独立于设备 开发进程透明  基于html css js  优秀的错误处理  更多标记 减少外部插件使用 2、html5新特性 绘画canvas元素   媒介回放的video和a...

html5+css3学习模板

  • 2010年06月26日 07:53
  • 220KB
  • 下载

html5教程和css3学习

  • 2013年03月28日 13:59
  • 5.11MB
  • 下载

HTML5_CSS3学习笔记

HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML5是超文本标记语言的第五次重大修改,2014年10月29日标准规范制定完成。 新特性: 语义特性...

三:HTML5 CSS3 典藏学习手册

  • 2014年08月17日 08:05
  • 4.81MB
  • 下载

一起来学习《响应式Web设计-HTML5和CSS3实战》吧

《响应式Web设计-HTML5和CSS3实战》是一本不错的前台设计书。书里主要以一个页面入手,涵盖了HTML5和CSS3的所有知识。 下午我根据http://www.andthewinnerisnt...

W3school学习笔记之HTML5

1、已移除的元素、、、、、、、、、、、2、Canvas var c=document.getElementById("myCanvas"); var ctx=c.getContext(...

HTML5与CSS3学习笔记:导航栏(一)

源码 横向导航栏 body { margin: 0px; padding:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:学习html5(3)
举报原因:
原因补充:

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