关于HTML5你需要了解的基础知识

这些存储为字符串，但如不雅须要，可以应用 JavaScript 函数(如 parseInt() 和 parseFloat())进行转换。

下面给出了应用 Web 存储对象的语法：

存储一个值：
- localStorage.setItem("key1", "value1");
- localStorage["key1"] = "value1";
获得一个值：
- alert(localStorage.getItem("key1"));
- alert(localStorage["key1"]);
删除一个值： -removeItem("key1");
删除所有值：
- localStorage.clear();

应用缓存(AppCache)

应用 HTML5 AppCache，我们可以使 Web 应用程序在没有 Internet 连接的情况下脱机工作。除 IE 之外，所有浏览器都可以应用 AppCache(截止至此时)。

应用缓存的长处是：

网页浏览可以脱机
页面加载速度更快
办事器负载更小

cache manifest 是一个简单的文本文件，个中列出了浏览器应缓存的资本以进行脱机拜访。 manifest 属性可以包含在文档的 HTML 标签中，如下所示：

<html manifest="test.appcache">  
...  
</html>

它应当在你要缓存的所有页面上。

缓存的应用法度榜样页面将一向保存，除非：

用户清除它们
manifest 被修改
缓存更新

视频

在 HTML5 宣布之前，没有同一的标准来显示网页上的视频。大年夜多半视频都是经由过程 Flash 等不合的插件显示的。但 HTML5 规定了应用 video 元素在网页上显示视频的标准方法。

下面的例子展示了 video 元素的应用：

<! DOCTYPE HTML> 
<html> 
<body> 
<video src=http://developer.51cto.com/art/201710/" vdeo.ogg" width="320" height="240" controls="controls"> 
This browser does not support the video element. 
</video> 
</body> 
</html>

例子应用了 Ogg 文件，并且可以在 Firefox、Opera 和 Chrome 中应用。要使视频袈溱 Safari 和将来版本的 Chrome 中工作，我们必须添加一个 MPEG4 和 WebM 文件。

有两种类型的 Web 存储对象：

本地 - 存储没有到期日期的数据。
会话 - 仅存储一个会话的数据。

video 元素允很多个 source 元素。source 元素可以链接到不合的视频文件。浏览器将应用第一个识其余格局，如下所示：

<video width="320" height="240" controls="controls"> 
<source src=http://developer.51cto.com/art/201710/"vdeo.ogg" type="video/ogg" /> 
<source src=http://developer.51cto.com/art/201710/" vdeo.mp4" type="video/mp4" /> 
<source src=http://developer.51cto.com/art/201710/" vdeo.webm" type="video/webm" /> 
This browser does not support the video element. 
</video>

图6：Canvas 的输出

音频

对于音频，情况类似于视频。在 HTML5 宣布之前，在网页上播放音频没有同一的标准。大年夜多半音频也经由过程 Flash 等不合的插件播放。但 HTML5 规定了经由过程应用音频袈洫素在网页上播放音频的标准方法。音频袈洫素用于播放声音文件和音频流。

2/4 首页上一页 1 2 3 4 下一页尾页

　　推荐阅读

　　开发一个Linux调试器（十）：高级主题

我们终于来到这个系列的最后一篇文┞仿!这一次，我将对调试中的一些更高等的概念进行高层的概述：长途调试、共享库支撑、表达式计算和多线程支撑。这些设法主意实现起来比较复杂，所以我不会具体解释若>>>详细阅读

本文标题：关于HTML5你需要了解的基础知识

地址：http://www.17bianji.com/lsqh/37872.html

1/2 1