离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作用。HTML5使用ApplicationCache接口解决了由离线带来的部分难题。使用缓存接口可为您的应用带来以下三个优势:应用缓存(又称AppCache)可让开发人员指定浏览器应缓存哪些文件以供离线用户访问。即使用户在离线状态下按了刷新按钮,您的应用也会正常加载和运行。引用清单...
为什么要使用ApplicationCache技术?在HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多次请求服务器,造成速度变慢,对于PC用户,网络相对比较稳定,载入速度也不会差太多。但是移动端呢?移动端依赖无线信号、依赖信号塔、位置不固定、受附近建筑影响等。一系列导致网络的不稳定,我们不能改变用户,也不能放弃网络较慢的用户。还有,在混合app领域,经常使用内置webview加载h...
在网页里嵌入HTML5音频播放器和视频播放器的方法非常简单:上面这个例子显示了如何播放一个视频文件,并露出视频播放控制按钮。这里的src属性里可以填入视频的URL,也可以是一个本地的文件。支持Ogg格式视频流的浏览器可以播放Ogg文件。如果不支持,可以播放MPEG-4文件。查看各种浏览器对各种媒体类型的支持情况,请查看这里。我们还可以指定播放使用的解码器(codecs);这样就可...
HTML5提供了一些新的元素和属性,例如nav(网站导航块)和footer。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如audio和video标记。下面我们就和大家一起学习HTML5新增标签使用方法。这是一个定义选项列表的标签datalist这个的作用就是将text文本框与select标签结合起来而这个select选...
页面跳转页面跳转是我们常用的功能之一,通常在导航栏或菜单栏等地方当用户点击某个选项后就会打开对应的页面。我们只需要给a标签的【href】属性设置对应的网页地址就可以实现用户点击的时候跳转了。但是a标签默认会给显示的文字添加下划线,并且初始状态是显示蓝色的。我们可以通过给a标签设置css样式来改变这种状态。另外a标签默认是在当前页面打开链接地址,我们也可以通过给a标签设置【target】属性来实...
过去Web程序不能替代桌面程序的一个重要原因就在于浏览器对于文件操作API的缺失。照片处理中的裁剪、滤镜,二维码的读取与识别,文档的查看和编辑等,这些操作无一不依赖文件的操作,HTML5赋予了浏览器几乎和本地程序同等强大的文件操作能力。FileAPI是HTML5在DOM标准中添加的功能,它允许Web内容在用户授权的情况下选择本地文件并读取内容一通过File,FileList和FileRe...
HTML5技术就是继承了HTML的部分特征,同时又添加了许多新的语法特征,比如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性等;此外HTML5还定义了处理非法文档的具体细节,使得所有浏览器和客户端程序能够一致地处理语法错误。HTML的全称是HyperTextMarkupLanguage即超文本标记语言,它是互联网上应用最广泛的标记语言。简单地说,HTML文件就是普通文本...
标签云的效果在博客和网站上不难见到,它其实就是带有超链接的某些关键字,为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大,相反的就显示的小。我们就不去深入研究标签云带来的效率上的提升和可用性的细节,仅仅在外观上带来的美感和对全站或一整篇文章所起到的高度概括的作用就不容忽视了。接下来,我们将讨论如何用HTML和CSS来创建标签云效果。注意,我们仅仅讨论如何实现这种UI效果而...
目前HTML5技术已经日趋成熟。不仅在PC端,HTML5更是在移动终端上也有广泛的应用,HTML5的未来十分光明,值得学习。学习完HTML5之后,可以做些什么呢?这是不少人的疑惑。那么我们就来看看HTML5究竟有哪些方面应用。1、手机游戏网页游戏3D化随着如今系统性能以及Web或者是手机的科技发展,手机游戏,网页游戏等已经逐渐成熟,越来越多的开发者都需要更加精彩的3D游戏开发内容,而这正是HT...
在html5中使用js的两种方法:使用<script>标签的方式有两种:直接在页面中嵌入JavaScript代码和包含外部JavaScript文件;浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。嵌入脚本:外部脚本:外部脚本的优势:● 可维护性● 可缓存:浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件● 适应未来<script>标...