日期:2014-05-17  浏览次数:20684 次

《Dive Into HTML5》-介绍:关于HTML5你要知道的5件事情-中文翻译
1。这不是一件大事

你或许会问:“我怎样才能开始使用HTML5,如果旧的浏览器不支持它呢?”但问题本身是一种误导。 HTML5是不是一件大事,它是一个个别功能的集合。所以你不能检测“HTML5的支持”,因为没有任何意义。但你可以检测个别功能的支持,如绘画<canvas>,视频<Video>或地理位置<geolocation>。

你可能认为的HTML是由一系列标签和尖括号组成。这是一个很重要的一部分,但它不是故事的全部。 HTML5规范还定义了那些标签如何通过文档对象模型(DOM)与JavaScript交互。 HTML5不只是定义<video>标签,也有一个相应的DOM中的视频对象的API。您可以使用这个API来检测支持不同的视频格式,播放视频,暂停,静音,跟踪有多少视频已被下载,以及其他一切你需要建立一个围绕<video>标签本身的丰富的用户体验。

第2章及附录A将教你如何正确地检测到每个新的HTML5功能的支持。。

2。您不必舍弃

不管是爱它还是恨它,你不能否认,HTML 4是最成功的标记格式。您不需要扔掉您现有的标记。您不必重新学习你已经知道的事情。如果您的Web应用程序的在HTML 4上正常运行,那么它也会在HTML5上正常运行。

现在,如果你想提高你的web应用,你已经来到了正确的地方。下面是一个具体的例子:HTML5的支持所有形式从HTML 4的控制,但它也包括新的输入控件。其中有些是期待已久的增补,如滑块和日期选择器;其他更微妙。例如,输入类型的电子邮件看起来就像是一个文本框,但移动浏览器将自定义的屏幕上的键盘,使其更容易键入电子邮件地址。旧版本的浏览器不支持电子邮件输入类型将它当作一个普通的文本字段,形式仍然没有标记的变化或脚本黑客。这意味着你可以开始改善您的网页形式的今天,即使您的一些访问者仍然在使用IE 6。

在第9章,可以阅读关于HTML5形式的所有细节。

3。这很容易上手


“升级”到HTML5可以简单只要改变你的DOCTYPE。 DOCTYPE应该已经在每个HTML页面的第一行。以前版本的HTML定义了很多的文档类型,并选择是正确的,可能会非常棘手。在HTML5中,只有一个DOCTYPE:

    <!DOCTYPE HTML>

升级到HTML5的DOCTYPE不会破坏你现有的标记,因为所有的HTML 4中定义的标签仍然在HTML5的支持。但它会允许你使用 - 和验证 - 新的语义元素,像<article>的<section>,的<Header>,并<footer>。您将了解所有这些新元素在第3章。

4。它已经在工作

无论你是想绘画上,播放视频,设计出更好的形式,或构建Web应用程序脱机工作,你会发现,HTML5是早已经被支持。火狐,Safari,Chrome,Opera,和移动浏览器已经支持绘画(第4章),视频(第5章),地理位置(第6章),本地存储(第7章),以及更多。谷歌已经支持微观数据说明(第10章)。即使微软在即将发布的Internet Explorer 9上也支持HTML5特性。


这本书的每个章节包括所有常见浏览器兼容性图表。但更重要的是,如果您需要在旧的浏览器使用HTML5的特性,在每个章节还给出了一些建议和解决方法。 如地理位置(第六章)和视频(第五章)可以通过提供Gears或Flash浏览器插件支持。其他功能,如绘画(第4章),可完全仿真在JavaScript中。这本书将教你如何针对现代浏览器的原生功能,不留下旧的浏览器。

5。它在这里停留

蒂姆伯纳斯 - 李在1990年代早期发明的万维网。后来,他创立了W3C作为一个web标准的管家,该组织已超过15年。W3C在2009年7月关于Web标准的未来做出了以下的决定:

    今天的董事宣布,预定在2009年年底时的XHTML 2工作组的章程到期,XHTML 2将不会被更新。通过这样做,和W3C的HTML工作组在增加资源,希望加快HTML5的进展情况,并澄清W3C的HTML的未来问题上的立场。

HTML5是在这里停留。让我们开始吧。