html5初学

html5似乎又是对html的一种补充,同时又更加完善,html5提供了视频和音频,旨在让更多的浏览器能够使用这一属性,同时也让用户更加方便。

其后,html5又介绍了拖放,画布,svg,地理位置等等

拖放:在现在网页中运用很多,draggable标签属性设置为ture即元素可以拖放,

ondragstart和setDate()规定当元素被拖动时,会发生什么。

ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据。

setData():设置被拖数据的数据类型和值。

ondragover:事件规定在何处放置被拖动的数据。

ondrop:当放置被拖放数据时,会发生drop事件。

画布:HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。

需要注意的是canvas本身没有绘图能力,必须借助javascript,所以javascript是html5画布的基础,<canvas>标签和普通的 HTML 标签没有多大的区别,你可以设置它的宽度和高度,可以通过 CSS 设置它的背景色、边框样式等等

在绘图时则需要借助javascript,当然需要明白些许html5画布标签。

svg:使用xml文档描述来绘图。

web储存:
 localStorage - 没有时间限制的数据存储 
 sessionStorage - 针对一个 session 的数据存储  
在html5中数据不是由每个服务器请求传递的,而是只有在请求时使用数据,他使在不影响网站性能的情况下,存储大量数据成为可能。 
对于不同的网站,数据存储在不同的区域,而且一个网站只能访问其自身的数据。 html5使用JavaScript存储和访问数据。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值