霜天部落 | 专注PHP研发,研究LAMP高性能架构部署与优化

关于HTML5你不得不知道的五件事情

1.  HTML5并非是一整块

你也许会问:“如果老的浏览器不支持HTML5,我该如何开始呢?”这个问题本身就是具有误导性的。HTML5并不是一大块整体,而是一系列单独特性的集 合。所以你是不可能去检测“HTML5支持性”的,因为根本就没有这种东西存在。但是你可以测试对某些特性的支持,比如画布功能、视频功能、地理定位功能。

你可能认为HTML5是一系列标签和尖括号。这的确是HTML5中很重要的部分,但并非全部。HTML5还定义了如何让这些尖括号通过 文件对象模型(Document Object Model ,DOM)和Javascript交互。比如,HTML5并不是只定义一个<video>标记,同时还会有针对相应视频对象的DOM API。你可以使用这个API来检测对不同视频格式的支持,如播放视频、暂停、静音、记录下载进度,以及其他你需要围绕着这个<video>标记来构建丰富用户体验的功能。

2.  你不需要丢弃现有的任何东西

不管是喜欢还是不喜欢,你都不可否认HTML4是有史以来最成功的标记语言。HTML5就是建立于它的成功之上。你不需要丢掉现有的标记,你也不需要重新学习你已经知道的东西。如果你的Web应用以前是用HTML4运行的,那么它现在在HTML5的标准之下仍然可以运行。

现在,如果你想要提升你的Web应用,你就找对了地方。这里有一个具体的例子:HTML5支持所有来自于HTML4中对表单的控制,但它同时还包括了一些新 的输入控制。其中包括一些期待已久的功能,如滑块和日期选择器,另外还有些更微妙的,例如:邮件输入类型看起来就像一个文本框,但是移动浏览器会定制它们 的界面以便让输入邮件地址更容易。老的不支持邮件输入类型的浏览器会将它仍然看做一个常规的文本域,表单在不对代码做修改的情况下是可以正常进行的。这意味着你可以现在就提升你的Web表单,即使你的一些访客还在使用IE 6。

3.  开始非常容易

“升级到”HTML5和改变你的doctype一样简单。Doctype应该已经是每一个HTML页面的第一行了,之前的HTML版本定义了很多 doctypes,选择正确的doctype是件很困难的事情。但是在HTML5中,只有一种doctype:<!DOCTYPE html>。

升级到HTML5的doctype不需要你改变现有的标记,因为所有在HTML4中定义的标签在 HTML5中仍然可以使用。但是现在,你可以使用新的语义元素,比如<article>、 <section>、<header>和 <footer>。

4.  HTML5已经在很好地工作了

不管你自己是否想要利用HTML5在画布上绘图、播放视频、设计更好的表单,或是构建能离线工作的Web应用,你会发现HTML5已经得到良好的支持了。Firefox、Safari、Chrome、Opera以及移动浏览器都支持画布视频地理定位本地存储,以及其他更多特性。

Google已经支持微观数据的注解(microdata annotations)。甚至是Microsoft——很少会支持开放标准的公司——也在IE9中支持HTML5的大多数特性。

5. HTML5就是未来

Tim Berners-Lee在20世纪90年代早期发明了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就是未来。

英文原文:Five Things You Should Know About HTML5

 



There are 5 Comments to "关于HTML5你不得不知道的五件事情"