html5初学

    xiaoxiao2021-12-14  38

    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存储和访问数据。

    转载请注明原文地址: https://ju.6miu.com/read-969544.html

    最新回复(0)