关于HTML5你不得不知道的五件事情
导读:HTML5为Web开发者提供了很多强大的新特性,本文向你介绍关于HTML5你不得不知道的五件事情。
1. HTML5并非是一整块
你也许会问:“如果老的浏览器不支持HTML5我该如何开始呢?”这个问题本身就是具有误导性的。HTML5并不是一大块整体,而是一系列单独特性的集合。所以你是不可能去检测“HTML5支持性”的,因为根本就没有这种东西存在。但是你可以测试对某些特性的支持,比如画布功能、视频功能、地理定位功能。
你可能认为HTML5是一系列标签和尖括号。这的确是HTML5中很重要的部分,但并非全部。HTML5的定义还定义了如何让这些尖括号通过文件对象模型(Document Object Model ,DOM)和Javascript交互。HTML5并不会只是定义一个<video>标记,同时还会有相应的针对相应视频对象的DOM API。你可以使用这个API来检测对不同视频格式的支持,播放视频、暂停、静音、记录下载进度,以及其他你需要围绕着这个<video>
标记
用来构建丰富用户体验的功能。
Chapter 2以及Appendix A会将会你如何检测对HTML5的各种新功能的支持性。
2. 你不需要丢弃现有的任何东西
不管是喜欢还是不喜欢,你都不可否认HTML4是有史以来最成功的标记格式。HTML5就是建立于它的成功之上。你不需要丢掉现有的标记。你不需要重新学习你已经知道的东西。如果你的Web应用以前是用HTML4运行的,那么它现在在HTML5的标准之下仍然可以运行。
现在,如果你想要提升你的Web应用,你就找对了地方。这里有一个具体的例子:HTNL5支持所有来自于HTML4中对表单的控制,但它同时还包括了一些新的输入控制。其中包括一些期待已久的功能,如滑块和日期选择器,另外还有些更微妙的。例如:邮件输入类型看起来就像一个文本框,但是移动浏览器会定制它们屏幕上的界面以便让输入邮件地址更为容易。老的不支持邮件输入类型的浏览器会将它仍然看做一个常规的文本域,表单在不对代码做修改的情况下是可以正常进行的。这意味着你可以现在就提升你的Web表单,即使你的一些访客还在使用IE 6.
你可以在Chapter 9中读到关于HTML5表单的所有精彩细节。
3. 非常容易开始
“升级到”HTML5和改变你的doctype一样简单。Doctype应该已经是每一个HTML页面的第一行了,之前的HTML版本定义了很多doctypes,选择正确的doctype是件很困难的事情。但是在HTML5中,只有一种doctype:
<!DOCTYPE html>
升级到HTML5的doctype不需要你改变现有的标记,因为所有在HTML4中定义的标签在HTML5中仍然可以使用。但是现在,你可以使用新的语义元素,比如<article>, <section>,<header>和 <footer>。你可以在Chapter 3中看到所有关于这些新元素的内容。
4.HTML5已经在工作了
不管你自己是否想要利用HTML5在画布上绘图、播放视频、设计更好的表单,或是构建能离线工作的Web应用,你会发现HTML5已经得到良好的支持了。Firefox, Safari, Chrome, Opera以及移动浏览器都支持画布(Chapter 4)、视频(Chapter 5)、地理定位(Chapter 6)、本地存储(Chapter 7),以及其他更多特性。Google已经支持微观数据的注解(microdata annotations ,Chapter 10)。甚至是Microsoft——很少会支持开放标准的公司——也将在即将上市的IE9中支持HTML5的大多数特性。
这本书的每一章都包括大家已经非常熟悉的现有浏览器兼容性的内容。但是更为重要的是,每一章都告诉你如果你需要支持老的浏览器,你该如何去做。HTML5的一些特性,比如地理定位(Chapter 6)和视频(Chapter 5),最开始是由Gears 或是Flash等浏览器插件提供的。其他的一些特性,如画布(Chapter 4),则完全可以由Javascript仿真实现。这本书会将会你如何能定位到最时新的浏览器的特性上,又不会置老的浏览器于不顾。
5. HTML5就是未来
Tim Berners-Lee在1990s年代早期发明了world wide web。他接下来创立了W3C作为Web标准的管家,这个组织扮演这个角色已超过15年了。下面是W3C在2009年对Web标准的预言:
今天,董事宣布,截至2009年底,当XHTML2工作组章程(XHTML 2 Working Group charter)届满时,章程将不再更新。通过这样做,以及在HTML工作组(HTML Working Group)增加资源,W3C希望能加快HTML5的进展,并表明W3C对HTML的未来问题上的立场。
所以,HTML5就是未来。让我们一起上来深入了解吧。
英文出自:diveintohtml5
译文出自:WebAppTrend