Dive Into HTML5:简介

本系列文章原文主要来自 Dive Into HTML5,毕竟现在 HTML5 的概念已经非常完整,越来越多的浏览器也已经支持很多 HTML5 特性。对于 HTML5,豆子曾经仔细阅读学习了官方的 canvas 标签标准。现在借助这个系列,重新完整的学习一下 HTML5 的其他标准。那么,这是我们的第一章,也就是对 HTML5 的一个简单介绍。

HTML5 不是全新的技术

一开始你会问:“我为什么要学习 HTML5?很多老的浏览器(尤其是 IE6)并不支持它!”这个问题其实有些理解问题。HTML5 不是一个全新的事物,它只是增加了一系列的独立特性。所以,你并不能知道什么叫“支持 HTML5”,因为这是没有意义的:HTML5 包括了 HTML5 之前版本的功能,比如说,你的浏览器肯定支持<a>标签,而<a>也是 HTML5 的一部分,你能说不支持 HTML5 吗?你所能做的就是检测你的浏览器是不是支持 HTML5 的某一特性,比如 canvas、video 或者 geolocation 等。

你或许认为 HTML 就是一大堆带有尖括号的标签。不错,这的确是 HTML 很重要的一部分,但不是全部。HTML5 还定义了这些标签如何通过文本对象模型(Document Object Model, DOM)与 JavaScript 进行交互。比如,HTML5 定义了<video>标签,还定义了 DOM API,来让这个标签能够使用 JavaScript 进行控制,如检测支持的视频格式、播放、暂停、追踪下载进度等等,这是你能够使用<video>标签做到的增加用户体验的功能。

我们会在后面的章节中讲述,如何检测是否支持 HTML5 的新特性。

无需丢弃任何已有知识

无论你是否喜欢,你都不得不承认,HTML4 相当成功。HTML5 就是建立在它的成功之上。你无需丢弃已经存在的标签,无需重新学习已经熟悉的知识。如果你的 web 应用程序在 HTML4 下很好的工作,那么它也可以直接在 HTML5 下正常工作。

现在,如果你想要改进你的 web 应用程序,那么就迁移到 HTML5 吧!HTML5 支持 HTML4 所有 form 元素,并且新增加很多 input 组件。很多常用组件,比如滑块、日期选择器等,已经期待很久,另外一些则是一些细微变化。例如,我们现在有一个 type 是 email 的 input 组件,看上去就是一个文本输入框,但手机浏览器就会自动打开专门输入 email 地址的键盘以方便你输入。旧的浏览器不支持 email 类型,那么还是像原来一样,就是一个普通的文本框,不需要修改什么代码。这意味着你现在就可以逐步更新你的页面,不管用户是不是用 IE6 浏览的。

很容易开始使用 HTML5

“升级”到 HTML5 相当容易,你只需修改你的 doctype。doctype 就是你的 HTML 页面的第一行那段代码。以前的 HTML 页面,doctype 很长很复杂,一般很难记住。但是 HTML5 只有一个简单的 doctype:

<!DOCTYPE html>

升级到 HTML5 不会打乱现有的标签,因为 HTML4 定义的所有标签 HTML5 都支持。并且,HTML5 还允许你使用新的标签,比如<article><section><header><footer>。我们将在后面的章节介绍这些新加入的标签。

HTML5 已经可以使用

不管你是想在画布上作画,还是想播放视频,还是想设计更好的表单,还是想让你的 web 应用程序能够离线使用,你都可以在 HTML5 中找到相应的支持。IE9、Firefox、Safari、Chrome、Opera 和很多手机浏览器都已经支持 canvas、video、geolocation、local storage 等等。

本系列剩下的几个章节将一一介绍这些技术,同时也会告诉你,如何在不支持这些技术的浏览器上使用类似的替代。有些 HTML5 技术,比如 geolocation 和 video 可以使用插件,比如 Gears 或者 Flash 替代。另外一些,比如 canvas,可以由纯粹的 JavaScript 模拟。

好了,就到这里!

Tim Berners-Lee 在 上世纪 90 年代早期发明了万维网 world wide web。随后 W3C 成立,指定了超过 15 年的 web 标准。下面是W3C 在 2009 年 6 月对 web 标准未来的一段话:

Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the HTML Working Group, W3C hopes to accelerate the progress of HTML5 and clarify W3C’s position regarding the future of HTML.

不管你看懂看不懂,HTML5 已经准备好了。下面,我们就要正式开始 HTML5 的旅程!

Leave a Reply