学习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学习之路 基础

对于我们刚开始学习html的学生来说 ,繁杂的标签是非常麻烦的  而且不好记,闲话少说,首先我推荐的编译器是Hbuider,作为我们中国人开发的第一个编译器,我们理所当然支持一下。不过个人使用的是PH...
  • qq_28292937
  • qq_28292937
  • 2016年05月27日 20:54
  • 998

HTML5与CSS3学习心得

在学习Html5和CSS3过程中,布局都是又标签来进行填充自己的页面,然后通过css来进行对自己的界面进行修饰与装潢,打个比喻,你的body就行一个刚买的房子,里面的标签就像你把自己的房间如何规划,而...
  • root_1314_0708
  • root_1314_0708
  • 2016年08月19日 19:24
  • 1257

自学html5开发要学哪些?

HTML5开发是当今比较火热的一个专业,它相对于iOS开发、Android开发来说,学习门槛比较低,不需要任何编程基础,所以对于没有编程基础的同学来说,学HTML5开发是比iOS开发和Android开...
  • shenzhenfeng
  • shenzhenfeng
  • 2016年12月09日 20:46
  • 1163

HTML5初学者路线图

如何学习HTML5?这个话题,问的人很多,随便百度一下就能看到各种各样的回答。不过感觉每种回答都不给力。下面我给出一个自己理解的HTML5学习的路线图,按照这个路线图学习以后,一般的HTML5项目开发...
  • wellsoho
  • wellsoho
  • 2015年11月10日 13:53
  • 2353

为什么要学HTML5

一直做C/S结构的我,对HTML5怀着崇拜而又好奇的心情,今天终于下定决心开始好好学习HTML5了。在开始学习HTML5前我得说服自己,为什么要学,学了能给我带来什么好处,以确保我不是一时的心血来潮而...
  • anda0109
  • anda0109
  • 2016年06月17日 22:52
  • 1060

【Web】Sublime Text 3常用插件安装

一、Sublime3下载 1.百度搜索Sublime3,选择进入下载页面   2.小编选择下载Win64位安装程序 二、Sublime3安装 傻瓜式安装,...
  • WHUZXQ
  • WHUZXQ
  • 2017年05月19日 12:44
  • 2850

html5,css3 学习心得

8月1日至8月10日 学习HTML5,CSS3 下面总结一下。 html5: HTML5主要新增了一些如下的新特性 1.用于绘画的canvas元素 主要通过JavaScript来绘制图形 基本实现...
  • qq_30604453
  • qq_30604453
  • 2016年08月10日 14:01
  • 984

从零开始,学习web前端之HTML5

HTML5
  • yuzhiqiang_1993
  • yuzhiqiang_1993
  • 2017年03月31日 11:36
  • 1210

html5学习笔记(3)

html表单的创建 表单: 表单用于获取不同类型的用户输入 常用标签:http://www.w3school.com.cn/tags/html_ref_byfunc.asp ...
  • thystar
  • thystar
  • 2015年12月03日 18:38
  • 292

html5学习之路-----3

canvas 您的浏览器当前版本不支持canvas标签 //获取画布DOM 还不可以操作 var canvas=document.getElemen...
  • asdfzjs
  • asdfzjs
  • 2014年08月26日 08:31
  • 305
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:学习html5(3)
举报原因:
原因补充:

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