摘要：
标记定义一篇文章标记定义页面内容部分的侧边栏标记定义音频内容标记定义图片标记定义一个命令按钮标记定义一个下拉列表标记定义一个元素的详细内容标记定义一个对话框(会话框)标记定义外部的可交互的内容或插件标记定义一组媒体内容以及它们的标题标记定义一个页面或一个区域的底部标记定义一个页面或一个区域的头部标记... 阅读全文
posted @ 2015-12-18 18:47
Ievery
阅读(96)
评论(0)
推荐(0)
摘要：
摘要：HTML5反映了在网络上和在云端实施业务的方式的巨大变化。本篇文章是一个由四个部分构成的系列的第一部分，该文章系列旨在寻找并突出说明HTML5中的变化。其开始先介绍新的标签和页面的组织，然后提供一些网页设计方面的高层面信息，比如说表单的创建、API的使用及其价值所在，以及Canvas提供的一些... 阅读全文
posted @ 2015-12-18 17:13
Ievery
阅读(115)
评论(0)
推荐(0)
摘要：
本地缓存与浏览器网页的缓存本地缓存与浏览器网页缓存的区别离线缓存需要本地缓存web应用程序的所有htmlcss、js文件本地缓存服务于整个web应用浏览器网页缓存只服务于单个网页，任何网页都具有缓存，而本地缓存只缓存你指定缓存的网页。网页缓存不安全、不可靠，我们不知道网站中缓存了哪些网页，缓存了哪些... 阅读全文
posted @ 2015-12-18 17:01
Ievery
阅读(215)
评论(0)
推荐(0)
摘要：
html5学习链接：html5 WebWorkers 防止浏览器假死html5 WebStorage本地存储html5 WebSocket在jetty7中的实现html5 navigator.geolocation基于浏览器获取地理位置html5离线应用application cache 阅读全文
posted @ 2015-12-18 16:58
Ievery
阅读(160)
评论(0)
推荐(0)
摘要：
一、应用场景 我们通常使用浏览器缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存储功能。前提是你需要访问的web... 阅读全文
posted @ 2015-12-18 16:57
Ievery
阅读(108)
评论(0)
推荐(0)
摘要：
HTML5 离线功能介绍HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线... 阅读全文
posted @ 2015-12-18 16:55
Ievery
阅读(598)
评论(0)
推荐(0)
摘要：
html5离线应用详摘在html文件里配置如下：在name.manifest文件里配置如下：CACHEMANIFEST#2014-07-27v1.0index.htmlindex.cssindex.jsimages/self.jpgNETWORK*①CACHEMANIFEST全部大写。②“#”开头的... 阅读全文
posted @ 2015-12-18 16:54
Ievery
阅读(99)
评论(0)
推荐(0)
摘要：
传统的Web应用程序有一个很大的症结是当用户的网络连接不好时，应用会加载失败，为了 解决这一问题，HTML5中引入了Web的离线工作的功能。离线功能使得Web应用程序类似于本机应用程序，当断开网络连接时可以继续浏览未浏览完成的内 容，离线功能的另一个好处是可以永久缓存静态的内容，而没有缓存过期的限制... 阅读全文
posted @ 2015-12-18 16:53
Ievery
阅读(309)
评论(0)
推荐(0)
摘要：
Geolocation（地理定位）API 用于定位用户的位置开始之前，一定要知道，该特性可能侵犯用户的隐私，因此除非用户同意，否则用户位置信息是不可见的（用户必须通过浏览器提示，接收或者拒绝你访问他们的位置）一. geolocation对象地理位置信息可以通过geolocation对象访问，它是作为... 阅读全文
posted @ 2015-12-18 16:51
Ievery
阅读(303)
评论(0)
推荐(0)
摘要：
定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释：对于拥有 GP... 阅读全文
posted @ 2015-12-18 16:49
Ievery
阅读(97)
评论(0)
推荐(0)
摘要：
常用的navigator.geolocation对象有以下三种方法： 获取当前地理位置：navigator.geolocation.getCurrentPosition(success_callback_function, error_callback_function, position_opti... 阅读全文
posted @ 2015-12-18 16:47
Ievery
阅读(410)
评论(0)
推荐(0)
摘要：
html5为window.navigator提供了geolocation属性，用于获取基于浏览器的当前用户地理位置。window.navigator.geolocation提供了3个方法分别是void getCurrentPosition(onSuccess,onError,options);//获... 阅读全文
posted @ 2015-12-18 16:46
Ievery
阅读(98)
评论(0)
推荐(0)
摘要：
定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释：对于拥有 GP... 阅读全文
posted @ 2015-12-18 16:44
Ievery
阅读(101)
评论(0)
推荐(0)
摘要：
在客户端存储数据用的最普遍的方式非cookie莫属，随着HTML5的普及，新的本地存储方式localStorage和sessionStorage将在标准浏览器上大展身手。localStorage和sessionStorage是HTML5的新特性之一，说是新特性，其实微软公司早在IE8上就已经支持lo... 阅读全文
posted @ 2015-12-18 16:41
Ievery
阅读(123)
评论(0)
推荐(0)
摘要：
HTML5本地存储 Web StorageWeb Storage基本介绍 HTML5 定义了本地存储规范 Web Storage ， 提供了两种存储类型 API sessionStorage 和 localStorage，二者的差异主要是数据的保存时长及数据的共享方式。 localStora... 阅读全文
posted @ 2015-12-18 16:39
Ievery
阅读(95)
评论(0)
推荐(0)
摘要：
HTML5 提供了四种在客户端存储数据的新方法，即localStorage 、sessionStorage、globalStorage、Web Sql Database。 本文先介绍前面三个，这三个相对比较简单，理解和操作都比较容易，下一节重点介绍Web Sql Database：一，localSt... 阅读全文
posted @ 2015-12-18 16:38
Ievery
阅读(94)
评论(0)
推荐(0)
摘要：
1、sessionStorage2、localStorage3、Database Storage4、globalStorage5、兼容性参考文献本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序，操作系统会一共一个抽象层，用于存储和获取特定于应用程序的数据，例如用户设置... 阅读全文
posted @ 2015-12-18 16:36
Ievery
阅读(97)
评论(0)
推荐(0)
摘要：
HTML5LocalStorage本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示：最早的Cookies自然是大家都知道，问题主要就是太小，大概也就4KB的样子，而且IE6只支持每个域名20个cookies，太少了。优势就是大家都支持，而且支持得还蛮好。很... 阅读全文
posted @ 2015-12-18 16:35
Ievery
阅读(95)
评论(0)
推荐(0)
摘要：
一、发展历：早期：++文件 问题：不是所有浏览器都支持，而且embed不是标准。现状：Realplay、window media、Quick Time、Flash 问题：每个厂商每个标准，网站编码和格式也都不相同，flash的出现解决了面的问题，但是apple在07年决定任何设备将不再支持fla... 阅读全文
posted @ 2015-12-18 16:32
Ievery
阅读(286)
评论(0)
推荐(0)
摘要：
摘要： 在HTML5出现之前，web媒体大部分通过Flash来实现。这种方式造成了文件大加载慢，影响网站性能，开发难度高，维护麻烦，不易扩展等。这就导致HTML5自己开始支持媒体功能。HTML5 DOM 为 和 元素提供了方法、属性和事件。浏览器：从IE9已经开始支持audio和video标签... 阅读全文
posted @ 2015-12-18 16:31
Ievery
阅读(299)
评论(0)
推荐(0)
摘要：
简介---------------------------------------------------------------------------------------------------------我这里简单写一些，大家最好是 在网上找一些看看，本节主要是界面VIdeo和Audio标... 阅读全文
posted @ 2015-12-18 16:24
Ievery
阅读(246)
评论(0)
推荐(0)
摘要：
在html5之前的版本中如果想要在网页中插入音频和视频必须要安装插件才可以，比如最常见的flash插件。很多人在刚安装一款浏览器的时候都会遇到浏览器建议安装flash插件，在移动端也是如此。如果想要在手机上面看视频必须要安装flash插件，但是手机本身内存就很小这样无疑增加了手机处理器德尔压力所以苹... 阅读全文
posted @ 2015-12-18 16:18
Ievery
阅读(1235)
评论(0)
推荐(0)
摘要：
1、音频和视频Web 上的视频直到现在，仍然不存在一项旨在网页上显示视频的标准。今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。视频格式当前，video 元素支持三种视频格式：格式 ... 阅读全文
posted @ 2015-12-18 16:15
Ievery
阅读(152)
评论(0)
推荐(0)
摘要：
（本内容部分节选自《HTML 5从入门到精通》）选择文件————————————————————————————————————————————————————————在HTML4中，file控件内只允许放置一个文件，但是到了HTML5中，通过添加multiple属性，在file控件内允许一次放置多... 阅读全文
posted @ 2015-12-18 11:18
Ievery
阅读(167)
评论(0)
推荐(0)
摘要：
HTML5提供专门的拖拽与拖放的API，以后实现这类效果就不必乱折腾了相关属性和事件如下: 1、DataTransfer 对象：退拽对象用来传递的媒介，使用一般为Event.dataTransfer。 2、 draggable 属性：就是标签元素要设置draggable=true，否则不会有效果，例... 阅读全文
posted @ 2015-12-18 11:16
Ievery
阅读(61)
评论(0)
推荐(0)
摘要：
其实所谓的拖放就是拖动那个元素，然后就会打开一个新的页面，根据拖动元素所随带的信息来实现不同的功能。如果没有携带，则有浏览器自己来决定如何做。 我不想让你知道我是谁 -------》在拖动的时候图片上方会显示“禁止”图标。document对象默认阻止了拖动事件，而其他HT... 阅读全文
posted @ 2015-12-18 11:10
Ievery
阅读(170)
评论(0)
推荐(0)
摘要：
拖放事件事件提供了拖放可以控制几乎所有方面的拖放操作。棘手的部分是确定每个事件触发：在拖项目火；别人火下降的目标。拖动项时，以下事件（按照这个顺序）：拖曳开始拖dragend此刻你把鼠标按钮和开始移动鼠标的拖曳开始，事件触发的项目被拖。光标更改为无滴符号（用线穿过圈），说明该项目不能落在自己。你可以... 阅读全文
posted @ 2015-12-18 11:06
Ievery
阅读(90)
评论(0)
推荐(0)
摘要：
1、拖放效果2、draggable属性如果网页元素的draggable元素为true，这个元素就是可以拖动的。Draggable Div在大多数浏览器中，a元素和img元素默认就是可以拖放的，但是为了保险起见，最好还是加上draggable属性。3、事件拖动过程会触发很多事件，主要有下面这些：dra... 阅读全文
posted @ 2015-12-18 11:04
Ievery
阅读(128)
评论(0)
推荐(0)
摘要：
在HTML5中新加入了File API，可以很方便的让我们将文件上传到服务端，以往的旧版本HTML上传文件，只能通过第三方的插件比如Flash等上传，新加入的File API给了我们更多的方法去控制文件上传进度和信息。目前网页上传分为三种：Form提交：一般传统的模式Flash上传：需要用户安装Fl... 阅读全文
posted @ 2015-12-18 11:02
Ievery
阅读(142)
评论(0)
推荐(0)
摘要：
简介我常常想，如果网络应用能够读取和写入文件与目录，将会非常方便。从离线转移到在线后，应用变得更加复杂，而文件系统方面的API的缺乏也一直阻碍着网络前进。存储二进制数据或与其进行交互不应局限于桌面。令人欣慰的是，由于FileSystemAPI的出现，这一现状终于得到了改变。有了FileSystemA... 阅读全文
posted @ 2015-12-18 10:59
Ievery
阅读(79)
评论(0)
推荐(0)
摘要：
对于基于浏览器的应用而言，访问本地文件都是一件头疼的事情，通常我们能做的仅仅是使用标签来上传文件。实现过程是：选取文件的时候value 属性保存了用户指定的文件的名称，表单被提交的时候，浏览器会向服务器发送选中的文件的内容而不仅仅是发送文件名。再获取服务器返回的地址，然后做预览。 但是如果有一天我... 阅读全文
posted @ 2015-12-18 10:51
Ievery
阅读(564)
评论(0)
推荐(0)
摘要：
1.文件APIHTML5中提供了一个关于文件操作的文件API。FileList对象和file对象如：Blob对象Blob表示二进制原始数据，上面的file对象也继承了这个Blob对象。Blob对象有两个属性，size属性表示一个Blob对象的字节长度。type属性表示Blob的MIME类型，如果是未... 阅读全文
posted @ 2015-12-18 10:43
Ievery
阅读(88)
评论(0)
推荐(0)
摘要：
在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。在HTML5标准中，默认提供了操... 阅读全文
posted @ 2015-12-18 10:39
Ievery
阅读(88)
评论(0)
推荐(0)
摘要：
1. 新的Doctype尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用和来语义化地表示带标题的图片This is an image of something interesting. 3. 重新定义的已经被重新定义了，现在被用来表示小的排版，如网站底部的版权声明4. 去... 阅读全文
posted @ 2015-12-18 10:34
Ievery
阅读(80)
评论(0)
推荐(0)
摘要：
一、HTML5新特性 1、视频 在HTML5之前，网络上的视频大多都是使用Flash插件进行播放的，保险现在也仍然有很多。HTML5规定了一种通过video元素包含视频的标注方法。 视频格式的支持：格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+... 阅读全文
posted @ 2015-12-18 10:30
Ievery
阅读(157)
评论(0)
推荐(0)
摘要：
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。本次学习HTML5的新标签元素有：定义页面或区段的头部；定义页面或区段的尾部；定义页面或区段的导航区域；页面的逻辑区域或内容组合；定义正文或一篇完整的内容... 阅读全文
posted @ 2015-12-18 10:26
Ievery
阅读(119)
评论(0)
推荐(0)
摘要：
HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标，HTML5绝对不容忽视。在今天这篇技术分享文章中，我们将介绍几个HTML5的重要特性，能够帮助你提高整个we... 阅读全文
posted @ 2015-12-18 08:12
Ievery
阅读(117)
评论(0)
推荐(0)
浙公网安备 33010602011771号