HTML5
the_lower
这个作者很懒,什么都没留下…
展开
-
学习HTML5的应用程序缓存
使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。什么是应用程序缓存(Application Cache)?HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势:离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。浏览器支持所有主流浏览器均支持应用程序缓存,除了 Internet原创 2020-12-01 10:56:31 · 157 阅读 · 0 评论 -
HTML5中web存储
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站,数原创 2020-12-01 10:27:50 · 176 阅读 · 0 评论 -
HTML5中的SVG学习
什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 的优势与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的SVG图像可在任何的分辨率下被高质量地打印SV原创 2020-12-01 10:13:32 · 85 阅读 · 0 评论 -
HTML5中的Canvas学习
什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素,规定元素的 id、宽度和高度:<canvas id="myCanvas" width="200" height="100"></canvas>通过 JavaScript 来绘制canvas原创 2020-12-01 09:59:27 · 109 阅读 · 0 评论 -
关于HTML5中的拖放
拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5.1.2 中不支持拖放。设置元素为可拖放首先,为了使元素可拖动,把 draggable 属性设置为 true拖动什么 - ondragstart 和 setData()ondragstart 属性调用了一个函数,drag原创 2020-12-01 09:41:41 · 111 阅读 · 0 评论 -
HTML5新特性总结
HTML5 中的一些有趣的新特性:用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素,比如 article、footer、header、nav、section新的表单控件,比如 calendar、date、time、email、url、search...原创 2020-12-01 09:15:22 · 87 阅读 · 0 评论