摘要：
HTML5 Geolocation API (地理位置应用程序接口)目前PC浏览器支持情况：Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+手机支持情况：Android 2.0+iPhone 3.0+Opera ... 阅读全文
posted @ 2015-12-20 17:19
樱花落在指尖上
阅读(242)
评论(0)
推荐(0)
摘要：
地理定位(geolocation)是最令人兴奋，而且得到了广泛支持的一个新API。通过这套API，JavaScript代码能够访问到用户的 当前位置信息。当然，访问之前必须得到用户的明确许可，即同意在页面共享其位置信息。如果页面尝试访问其地理定位信息，浏览器就会显示一个对话框，请求用 户许可共享其位... 阅读全文
posted @ 2015-12-20 17:14
樱花落在指尖上
阅读(845)
评论(0)
推荐(0)
摘要：
HTML5 地理位置定位实例这篇文章主要为大家介绍了HTML5地理定位的方法,实例讲述了html5获取坐标完整实现过程,并对比不同浏览器运行效果给出参考结果,需要的朋友可以参考下本文实例讲述了html5获取地理定位的方法，分享给大家供大家参考。... 阅读全文
posted @ 2015-12-20 17:05
樱花落在指尖上
阅读(178)
评论(0)
推荐(0)
摘要：
HTML5 Geolocation API (地理位置应用程序接口)目前PC浏览器支持情况：Firefox 3.5+Chrome 5.0+Safari 5.0+Opera 10.60+Internet Explorer 9.0+手机支持情况：Android 2.0+iPhone 3.0+Opera ... 阅读全文
posted @ 2015-12-20 17:03
樱花落在指尖上
阅读(220)
评论(0)
推荐(0)
摘要：
地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome ... 阅读全文
posted @ 2015-12-20 17:01
樱花落在指尖上
阅读(276)
评论(0)
推荐(0)
摘要：
回页首离线应用示例最后，通过一个例子来说明使用 HTML5 开发离线应用的基本方法。这个例子会用到前面提到的离线资源缓存、在线状态检测和 DOM Storage 等功能。假设我们开发一个便签管理的 Web 应用程序，用户可以在其中添加和删除便签。它支持离线功能，允许用户在离线状态下添加、删除便签，并... 阅读全文
posted @ 2015-12-20 16:57
樱花落在指尖上
阅读(452)
评论(0)
推荐(0)
摘要：
回页首在线状态检测如果 Web 应用程序仅仅是一些静态页面的组合，那么通过 cache manifest 缓存资源文件以后，就可以支持离线访问了。但是随着互联网的发展，特别是 Web2.0 概念流行以来，用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时，就不能仅仅满足于静态... 阅读全文
posted @ 2015-12-20 16:56
樱花落在指尖上
阅读(333)
评论(0)
推荐(0)
摘要：
下面说明书写 cache manifest 文件需要遵循的格式。首行必须是 CACHE MANIFEST。其后，每一行列出一个需要缓存的资源文件名。可根据需要列出在线访问的白名单。白名单中的所有资源不会被缓存，在使用时将直接在线访问。声明白名单使用 NETWORK：标识符。如果在白名单后还要补充需要... 阅读全文
posted @ 2015-12-20 16:55
樱花落在指尖上
阅读(235)
评论(0)
推荐(0)
摘要：
清单 1. Clock 应用代码 Clock The time is: /* clock.css */ output { font: 2em sans-serif; } /* clock.js */ setTimeout(func... 阅读全文
posted @ 2015-12-20 16:54
樱花落在指尖上
阅读(230)
评论(0)
推荐(0)
摘要：
HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时，... 阅读全文
posted @ 2015-12-20 16:52
樱花落在指尖上
阅读(247)
评论(0)
推荐(0)
摘要：
转载 2015-12-19 18:53:24 在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合... 阅读全文
posted @ 2015-12-20 16:30
樱花落在指尖上
阅读(200)
评论(0)
推荐(0)
摘要：
HTML5本地存储——Web SQL Database在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。Web SQL D... 阅读全文
posted @ 2015-12-20 16:28
樱花落在指尖上
阅读(241)
评论(0)
推荐(0)
摘要：
本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序，操作系统会一共一个抽象层，用于存储和获取特定于应用程序的数据，例如用户设置或者运行时状态。这些值可以被存储于注 册表、INI 文件，或者其他什么地方，这取决于操作系统的实现。如果你的本地应用程序需要不简单是键值对形式的... 阅读全文
posted @ 2015-12-20 16:27
樱花落在指尖上
阅读(216)
评论(0)
推荐(0)
摘要：
Web Storage是HTML5引入的一个非常重要的功能，在前端开发中经常用到，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种： sess... 阅读全文
posted @ 2015-12-20 16:23
樱花落在指尖上
阅读(258)
评论(0)
推荐(0)
摘要：
在如今的Web开发中，HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼，并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣，它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏... 阅读全文
posted @ 2015-12-20 16:16
樱花落在指尖上
阅读(399)
评论(0)
推荐(0)
摘要：
1、mp4格式视频无法在chrome中播放 Chrome浏览器支持HTML5，它支持原生播放部分的MP4格式（不用通过Flash等插件）。 为什么是部分MP4呢？MP4有非常复杂的含义（见http://en.wikipedia.org/wiki/Mp4），普通人对MP4的理解是后缀为.mp4的... 阅读全文
posted @ 2015-12-20 15:47
樱花落在指尖上
阅读(21717)
评论(2)
推荐(0)
摘要：
Audio Firefox：支持 Ogg Vorbis和WAV Opera ：支持Ogg Vorbis和WAV Safari ：支持MP3，AAC格式 ，和MP4 Chrome ：支持Ogg Vorbis，MP3，WAV，AAC和MP4 Internet Explore... 阅读全文
posted @ 2015-12-20 15:46
樱花落在指尖上
阅读(4938)
评论(0)
推荐(0)
摘要：
eventTester=function(e){Media.addEventListener(e,function(){console.log((newDate()).getTime(),e);});}eventTester("loadstart");//客户端开始请求数据eventTester("... 阅读全文
posted @ 2015-12-20 15:43
樱花落在指尖上
阅读(1508)
评论(0)
推荐(0)
摘要：
获取HTMLVideoElement和HTMLAudioElement对象 //audio可以直接通过new创建对象 Media=newAudio("http://www.abc.com/test.mp3");//audio和video都可以通过标签获取对象 Media=document.getEl... 阅读全文
posted @ 2015-12-20 15:40
樱花落在指尖上
阅读(1208)
评论(0)
推荐(0)
摘要：
标签属性audioid="media"src="http://www.abc.com/test.mp3"controls>audio>src：音乐的URL （source标签在src属性不存在时使用）preload：预加载（none、metadata、auto。如果不使用此属性，默认为auto。）a... 阅读全文
posted @ 2015-12-20 15:35
樱花落在指尖上
阅读(281)
评论(0)
推荐(0)
摘要：
源代码展示其中HTML结构如下：垃圾箱 列表1 列表2 列表3 列表4 列表5 列表6JS代码如下：var $ = function(selector) { /*简单的选择器方法*/ ...};var eleDustbin = $(".dustbin"... 阅读全文
posted @ 2015-12-20 15:30
樱花落在指尖上
阅读(1340)
评论(0)
推荐(0)
摘要：
为了便于理解上面的粗体的事件啊对象啊什么的，做了个很简单的demo页面。您可以狠狠地点击这里：HTML5 drag & drop删除元素demo此demo实现的效果是把右侧的列表拖动到左侧的写着果敢的“垃圾箱”三个字的div层上，此列表元素就会从这个星球上消失。如下截图连环画所示：http://im... 阅读全文
posted @ 2015-12-20 15:28
樱花落在指尖上
阅读(168)
评论(0)
推荐(0)
摘要：
DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。draggable 属性：就是标签元素要设置draggable=true，否则不会有效果，例如：列表1ondragstart 事件：当拖拽元素开始被拖拽的时候触发的事件，此事件作用在被拖曳元素上o... 阅读全文
posted @ 2015-12-20 15:21
樱花落在指尖上
阅读(197)
评论(0)
推荐(0)
摘要：
简单地拖拽没有任何用处的数据实际上是被影响。有助于通过拖放操作数据的传输，Internet Explorer 5介绍数据传输对象，作为财产而存在事件是用于字符串数据从拖项目转移到下降的目标。因为它是一个属性事件，的数据传输对象不存在，除了在一个拖放事件的 事件处理程序的适用范围。在一个事件处理程序，... 阅读全文
posted @ 2015-12-20 15:19
樱花落在指尖上
阅读(978)
评论(0)
推荐(0)
摘要：
HTML5拖放API 拖放事件HTML5拖放API 拖放事件事件提供了拖放可以控制几乎所有方面的拖放操作。棘手的部分是确定每个事件触发：在拖项目火；别人火下降的目标。拖动项时，以下事件（按照这个顺序）：拖曳开始拖dragend此刻你把鼠标按钮和开始移动鼠标的拖曳开始，事件触发的项目被拖。光标更改为... 阅读全文
posted @ 2015-12-20 15:17
樱花落在指尖上
阅读(321)
评论(0)
推荐(0)
摘要：
读取目录内容要读取目录的内容，可先创建 DirectoryReader，然后调用 readEntries() 方法。我们不能保证所有目录条目都能在仅调用一次 readEntries() 的情况下同时返回。也就是说，您需要一直调用 DirectoryReader.readEntries()，直到系统不... 阅读全文
posted @ 2015-12-20 15:11
樱花落在指尖上
阅读(527)
评论(0)
推荐(0)
摘要：
此时，我们会调用 FileEntry 的 createWriter() 方法获取 FileWriter 对象。在成功回调中为error 事件和 writeend 事件设置事件处理程序。通过以下操作将文字数据写入文件：创建 Blob，向 Blob 附加文字，然后将 Blob 传递到FileWriter... 阅读全文
posted @ 2015-12-20 15:10
樱花落在指尖上
阅读(453)
评论(0)
推荐(0)
摘要：
为了更好地理解 FileEntry，本部分还提供了执行常规任务的众多技巧。创建文件您可以使用文件系统的 getFile()（DirectoryEntry 接口的一种方法）查找或创建文件。请求文件系统后，系统会向成功回调传递FileSystem 对象，其中包含指向该应用相应文件系统的根的 Direct... 阅读全文
posted @ 2015-12-20 15:04
樱花落在指尖上
阅读(429)
评论(0)
推荐(0)
摘要：
在写这篇文章时，只有 GoogleChrome 浏览器可以实施此FileSystemAPI。目前尚不存在专门用于文件/配额管理的浏览器用户界面。要在用户的系统上存储数据，您的应用可能需要请求配额。不过，可使用--unlimited-quota-for-files标记运行Chrome浏览器进行测试。此... 阅读全文
posted @ 2015-12-20 14:59
樱花落在指尖上
阅读(2317)
评论(0)
推荐(0)
摘要：
简介我常常想，如果网络应用能够读取和写入文件与目录，将会非常方便。从离线转移到在线后，应用变得更加复杂，而文件系统方面的API的缺乏也一直阻碍着网络前进。存储二进制数据或与其进行交互不应局限于桌面。令人欣慰的是，由于FileSystemAPI的出现，这... 阅读全文
posted @ 2015-12-20 14:55
樱花落在指尖上
阅读(286)
评论(0)
推荐(0)
摘要：
multiple 属性multiple 属性规定输入域中可选择多个值。注释：multiple 属性适用于以下类型的 标签：email 和 file。实例Select images: multiple="multiple" />novalidate 属性novalidate 属性规定在提交表单时不应该... 阅读全文
posted @ 2015-12-20 14:51
樱花落在指尖上
阅读(179)
评论(0)
推荐(0)
摘要：
autocomplete属性autocomplete属性规定form或input域应该拥有自动完成功能。注释：autocomplete适用于标签，以及以下类型的标签：text,search,url,telephone,email,password,datepickers,range以及color。... 阅读全文
posted @ 2015-12-20 14:50
樱花落在指尖上
阅读(177)
评论(0)
推荐(0)
摘要：
27. Output元素元素用来显示计算结果，也有一个和label一样的for属性28. 用Range Input来创建滑块HTML5引用的range类型可以创建滑块，它接受min, max, step和value属性可以使用css的:before和:after来显示min和max的值input[t... 阅读全文
posted @ 2015-12-20 14:47
樱花落在指尖上
阅读(177)
评论(0)
推荐(0)
摘要：
17. Video支持和 Audio很像，标签提供了对于video的支持，由于HTML5文档并没有给video指定一个特定的编码，所以浏览器去决定要支持哪些编码，导致了很多不一致。Safari和IE支持H.264编码的格式，Firefox和Opera支持Theora和Vorbis编码的格式，当使用H... 阅读全文
posted @ 2015-12-20 14:40
樱花落在指尖上
阅读(138)
评论(0)
推荐(0)
摘要：
1. 新的Doctype尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素 用和来语义化地表示带标题的图片This is an image of something interesting.3. 重新定义的 已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明4. ... 阅读全文
posted @ 2015-12-20 14:36
樱花落在指尖上
阅读(211)
评论(0)
推荐(0)
摘要：
标签定义字符（中文注音或字符）的解释或发音。 HTML5: 漢 ㄏㄢˋ HTML4: none 标签定义 ruby 注释（中文注音或字符）。 HTML5: 漢 (ㄏㄢˋ) HTML4: none 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 HTML5:... 阅读全文
posted @ 2015-12-20 14:34
樱花落在指尖上
阅读(153)
评论(0)
推荐(0)
摘要：
标签定义生成密钥。 HTML5: HTML4: none主要用来在视觉上向用户呈现那些需要突出的文字。标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。 HTML5: HTML4: 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围，既可以在元素的文本中，也可以... 阅读全文
posted @ 2015-12-20 14:33
樱花落在指尖上
阅读(152)
评论(0)
推荐(0)
摘要：
标签定义嵌入的内容，比如插件。 HTML5: HTML4: 标签定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。 HTML5: PRC HTML4: none 标签用于对元素进行组合。使用 元素为元素组添加标题。... 阅读全文
posted @ 2015-12-20 14:32
樱花落在指尖上
阅读(142)
评论(0)
推荐(0)
摘要：
标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 HTML5: HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 HTML5:Aside 的内容是独立的... 阅读全文
posted @ 2015-12-20 14:22
樱花落在指尖上
阅读(156)
评论(0)
推荐(0)
摘要：
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe... 阅读全文
posted @ 2015-12-20 14:17
樱花落在指尖上
阅读(179)
评论(0)
推荐(0)
摘要：
如果你对于简答，优雅，容易阅读的代码有所偏好的话，HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码：Header Text Link Link Link 是不是很简单？但是使用H... 阅读全文
posted @ 2015-12-20 14:12
樱花落在指尖上
阅读(180)
评论(0)
推荐(0)
摘要：
（1）遗留及其跨浏览器支持\ 你的现代流行浏览器都支持HTML5（Chrome，Firefox，Safari，IE9和Opera），并且创建了HTML5 doctype这样所有的浏览器，即使非常老非常令人厌恶浏览器像IE6都可以使用。但是因为老的浏览器能够识别doctype并不意味它可以处理 H... 阅读全文
posted @ 2015-12-20 14:02
樱花落在指尖上
阅读(181)
评论(0)
推荐(0)
摘要：
你可以称之为“直觉”，但是我认为移动技术将会变得更加的流行。我知道，这里有些非常疯狂的猜测，有些可能你也想到了 – Mobile是一个时尚！移动设备将占领世界。更多的接受移动设备将会增长的非常迅速。这意味着更多的用户会选择使用移动设备访问网站或者web应用。 HTML5是最移动化的开发工具。随着Ad... 阅读全文
posted @ 2015-12-20 13:56
樱花落在指尖上
阅读(203)
评论(0)
推荐(0)
摘要：
最大的原因今天你就开始使用HTML5是因为它是未来，不要掉队了！HTML5不会往每个方向发展，但是更多的元素已经被很多公司采用，并且开始 着手开发。HTML5其实更像HTML，它不是一个新的技术需要你重新学习！如果你开发XHTML strict的话你现在就已经在开发HTML5了。为什么不更完整的享受... 阅读全文
posted @ 2015-12-20 13:55
樱花落在指尖上
阅读(130)
评论(0)
推荐(0)
摘要：
你难道还没有考虑使用HTML5？ 当然我猜想你可能有自己的原因；它现在还没有被广泛的支持，在IE中不好使，或者你就是喜欢写比较严格的XHTML代码。HTML5是web开发世界的一 次重大的改变，事实上不管你是否喜欢，它都是代表着未来趋势。其实HTML5并不难理解和使用。我们这里能列出许多原因为什么现... 阅读全文
posted @ 2015-12-20 13:54
樱花落在指尖上
阅读(207)
评论(0)
推荐(0)
摘要：
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时HTML 3.2——1996年1月14日，W3C推荐标准html 5HTML ... 阅读全文
posted @ 2015-12-20 13:53
樱花落在指尖上
阅读(241)
评论(0)
推荐(0)
浙公网安备 33010602011771号