很多人认为 HTML 标准成就了现在的互联网,其实这么说倒也不为过。HTML 让互联网可以展示更多让普通用户能够认知和使用的数据,而不仅仅是最开始阶段的 e-mail 、FTP 等服务。浏览器通过 HTML 让互联网变得更加有趣,随着技术的不断发展,人们在浏览器上可以实现更多的事情,聊天、看视频、听音乐,很多都要归功于 HTML 的强大功能。
自从 HTML 4.0 1997 年底由 W3C 发布,到 2000 年 XHTML 1.0 的发布,一直到现在,整个 HTML 标准的发展速度好像放慢了许多。尤其是 Web 2.0 潮流兴起以来,各种 Web 前端技术如雨后春笋般发展迅速,而 Web 前端以及浏览器技术的最基础标准——HTML 似乎成了一个绊脚石,阻碍着技术的发展。
基于整个行业发展的趋势和要求, W3C 适时地发布了 HTML5 的初稿。还好新版的各项新技术和新功能并没有让开发人员以及互联网巨头们失望,在没有发布正式的 HTML5 标准之前,很多浏览器都已经将最新的 HTML5 技术加入到它们的最新产品中了,如 Firefox、Goole Chrome、Opera 等。
本专题将顺应潮流为您介绍一些和 HTML5 新特性相关的内容,让您了解到这个新标准为您提供了哪些炫酷的功能。作为开发人员,您可以学习到如何利用 HTML5 的新元素来实现原来需要通过复杂的编程技术以及第三方插件才能实现的功能,十分值得尝试。
推荐资源
-
在 HTML 5 Web SQL 中使用 ORM 工具
HTML 5 的 Web SQL 功能使开发人员可以操纵浏览器自带的数据库,但对于熟悉了 ORM 方式的开发人员来说,更希望能通过这种先进的方式来实现对 Web SQL 的操纵。本文将向您介绍一个支持 Web SQL 的 ORM 工具 - persistence.js,帮助您了解它的用法、功能以及使用技巧。 -
使用 HTML5 WebSocket 构建实时 Web 应用
本文主要介绍了 HTML5 WebSocket 的原理以及它给实时 Web 开发带来的革命性的创新,并通过一个 WebSocket 服务器和客户端的案例来充分展示 WebSocket 的强大和易用。 -
HTML5 视频简介
HTML5 中支持的视频规范是它的一大亮点,它不仅仅解决了原有在网页中嵌入视频的问题,例如插件兼容性、无法与 JavaScript 集成等,同时提供了更好地显示方式和效果。本文从数字视频的发展历史入手,分析了原有视频技术在 Web 应用上的局限性,随后分析了 HTML5 的优势以及能够解决哪些重要的问题,同时也剖析了这个不太成熟规范的不足之处,让您了解如何更好地应用它。 -
基于 HTML5 中的 Web SQL Database 来构建应用程序
本文介绍了 HTML5 的 Web SQL Database 特点,对规范中定义的三个核心方法:openDatabase、transaction 和 executeSql 进行了详细的介绍。 -
使用 HTML5 中的 Microdata 增强 Web 应用程序的语义
语义网旨在让机器可以理解信息,旨在让网络更加智能,如提供信息获取、信息过滤、Web 自动服务等。语义网的实现有多种技术,如 HTML5 的 Microdata、RDF、Microformat 等。本文以 HTML5 的 Microdata 为核心展开介绍。 -
基于 HTML5 的 Dojo Widget 开发
本文主要介绍基于 HTML5 来扩展 Dojo Widget,它不仅具有强大的 JavaScript 逻辑控制,而且具有丰富的页面展现和良好的运行性能。 -
浅谈 HTML5 的 DOM Storage 机制
本文将详细论述 HTML5 对本地存储的支持,并对存储事件绑定和数据存储与 JSON 的结合使用进行讨论。当一些老版本的浏览器不支持 DOM Storage 时,可以考虑用其他的技术如 Dojo 来实现相同的功能。本文也会对其进行简单的介绍。 -
使用 HTML5 canvas 进行 Web 绘图
HTML5 的 canvas 元素让开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作,本文将通过讲解如何使用 canvas 元素进行基本绘图操作,以及完成简单的动画和用户交互任务,阐明 canvas 在帮助构建 Web 图形类应用时所能够提供的能力。 -
JSF 2 fu:HTML5 复合组件,第 1 部分
HTML5 为基于浏览器的应用程序提供了可与桌面软件相媲美的丰富功能。在本文中,您将了解如何使用 JavaServer Faces (JSF) 2 实现 HTML5 复合组件,并明白如何最高效地利用 Java 和 HTML5。 -
使用 HTML5 开发离线应用
本文介绍了 HTML5 离线功能中的离线资源缓存、在线状态检测、本地数据存储等内容,并举例说明了如何使用 HTML5 的新特性开发离线应用。 -
用 HTML 5 构建 Web 应用程序
HTML 5 规范中所描述的很多特性已经在如今的浏览器中可用了。在本文中,您将了解如何查证哪些功能已经存在以及如何在您的应用程序中充分利用这些功能。探索 HTML 5 的强大功能,例如多线程、地理定位、嵌入数据库及嵌入视频。 -
使用 HTML5 和 CSS3 创建现代 Web 站点
本教程将对 HTML5 和 CSS3 的新功能进行介绍,其中提供了有关 HTML5 新元素和 API 的功能和语法以及 CSS3 给表格带来的新选择器、效果和功能的信息。最后,本教程将向您介绍如何开发一个示例 Web 页面,实际地体验前面所介绍的新特性。 -
使用 HTML5 和 Ajax 开发数据驱动的交互式应用程序
HTML5 允许编写完全移动友好的应用程序,包括离线使用,如同在本机应用程序上一样。本文探究如何使用纯开源工具和 web 开发人员熟悉的技术来创建可离线使用的 Web 应用程序。 -
Thinking XML:XML 样式的 HTML5
有一段时间,在 Web 上出现了有关标记未来发展的竞争,即 W3C 的 XHTML 2 和 HTML5 之间的竞争。通过本文了解 XML 形式的 HTML5,与旧式 XHTML 规则的一些主要差别,以及如何在现代 Web 浏览器中实际应用此技术。 -
联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序
在本文中,您将学到如何使用各种地理定位标准,以及如何使用流行的 Web 服务来创建有趣的移动混搭程序。 -
使用 HTML 5 开启移动 Web 应用程序的本地存储
HTML 5 中一个最有用的新特性是本地存储的标准化。在本文中,我们将了解如何使用本地存储,如何调试它,以及使用它来改善 Web 应用程序的各种方式。 -
使用 HTML 5 支持移动 Web 应用程序离线工作
在本文中,您将了解如何使您的移动 Web 应用程序离线工作,并检测您的应用程序何时从离线转为在线或从在线转为离线。 -
使用 Web Workers 来加速您的移动 Web 应用程序
一直以来,Web 应用程序被局限在一个单线程世界中。通过将多线程引入 Web 应用程序,Web Workers 扭转了这一不利局面。在本文中,您将了解如何使用 Web Workers 并发现哪些任务最适合它们。 -
使用 HTML 5 开发新的可视化 UI 特性
HTML 5 针对移动 Web 应用程序引入了大量新特性,其中包括一些可视化特性。Canvas 是其中最引人注目的新 UI 功能。在本文中,您将学习如何使用 Canvas 以及 HTML 5 中的其他一些新视觉元素,对于移动用户来说,这些元素更微妙,但更与众不同。
学习资源
-
Dive Into HTML5
十分推荐的 HTML5 入门教材,作者通过十分简单、易懂的语言向您详实地介绍了 HTML5 的各项新特性,同时,为您揭示了 HTML5 出现的意义等内容。在线的文章还可以帮助您实时地检测您的浏览器能够支持哪些 HTML5 特性。 -
HTML5 在 W3C 的官方规范
任何介绍性的内容应该都没有 W3C 官方对于 HTML5 介绍的详细,如果您真的希望能够找到最全面的 HTML5 资源,那么这里一定是您的目的地。 -
HTML5 新增元素和属性汇总
最直接体验 HTML5 的方式就是使用最新提供的 Tag,这里为您列举了几乎所有 HTML5 提供的新 Tag,以及在 W3C 上的说明,便于查询和学习。