初识html5 必须知道的五件事
2011-09-22 12:54
141 查看
1. 这不是件什么了不起的事
大家可能会这么问：“如果老版本的浏览器不支持HTML5，那我该怎么开始使用HTML5呢？” 但是这个问题本身就是一个误区。HTML5 并不是什么大事，它只不过是一个独立特性的集合。所以你不必探索HTML5的支持，因为那么做根本就是无意义的。但是你可以去探索它的每一个独立特性的支持，就像canvas，video或者geolocation.
你可能把html当做是标签和尖括号。那只不过是它的一部分，但是这并不是整个HTML。
HTML5的规范也定义了如何通过Dom，将这些尖括号和javascript交互。Html5并不是只定义了一个video标签，它还为那些在dom中的video对象提供了一个相应的DOMAPI。
你可以使用这个API来检测支持不同的视频格式，播放视频，暂停，静音，跟踪有多少视频已被下载，以及其他的一切你需要建立一个围绕video标签本身的丰富的用户体验。
2. 你不必丢弃任何的东西
无论你是喜欢还是厌恶它，你不得不承认HTML4是最成功的标记格式。HTML5就是建立在这种成功之上的。你不需要丢弃任何已经存在的标记。你也不必去重新学习那些你已经了解的东西。如果你的网页应用程序在HTML4中运行的很好，那么它将依旧在HTML5中良好运行。
现在，如果你想改进你的网页应用程序，那么你来对了地方。这里有一个具体的例子：
HTML5对HTML4的所有表单控件都提供支持，但是它又包含了一些新加入的控件。其中的一些新加入的控件是期待已久的例如日期选择和滑块，其他的一些更是微妙。比如，邮件内置类型就好像一个文本框，但是移动浏览器将定制的屏幕上的键盘，使其更容易输入电子邮件。老版本的浏览器如果不支持邮件输入类型就会将它视作一个常规的文本域，表单将视作没有任何的标记改变继续工作。这意味着你可以从今天开始就升级你的网页表单，无论网站的访问者是否还停留在使用IE6。
3. 简单的开始吧
升级到HTML5是简单的，只需要改变你的文档类型（doctype），文档类型是必须出现在每个html页面的第一行的。稍早以前的HTML版本定义了很多的文档类型，要选择一个适当的类型相当棘手。在html5里面只有一个文档类型<!DOCTYPE html>。
升级到HTML5文档类型不需要破坏任何已经存在的标记，因为HTML5对所以的HTML4的标签都提供了支持。但是它会允许你去使用和验证新的语义元素比如 article，section，header，footer在第三章中你将会了解以上的这些。
4. 它已经起作用了
无论是否你希望画一个canvas，播放视频，设计更好的表单，或者建立一个网页应用程序可以在线下运行，你将会发现HTML5 已经提供了较好的支持。Firefox，safari，chrome，opera以及移动浏览器已经支持canvas，video，geolocation，local storage等等。谷歌已经支持微观数据的注解。甚至于连微软（鲜为人知的强烈的支持新的标准）也将会提供支持HTML5的下一代浏览器IE9.
本书的每一章节包含了一目了然的浏览器兼容性图标。如果你希望得到老版本浏览器的支持，那么每一章节都提供了简单的讨论。HTML5的特性例如地理位置（geolocation）和视频（video）将会首先被浏览器插件提供就行gears和flash一样，其他的特性，例如画布（canvas）将完整的在javascript中仿真。这本书将会教导你如何即专注于新浏览器的原生特性，又不将老版本的浏览器落下。
5. 它停留在这里
早在20世纪九十年代，Tim burners-lee 就发明了万维网，随后他又建立了W3C（一个已经建立超过15年的组织）去管理网页标准，以下就是2009年7月，W3C不得不说的网页标准特性：
今天，负责人宣布，预计在2009年底也就是xhtml2工作组章程到期之时，章程都不会被更新了。通过这么做，并且通过在HTML工作小组中增加资源，W3C希望加速HTML5的进展，并澄清W3C对于未来的HTML的立场。
待续下一篇，尽请关注
感谢 bobqian 的辛苦翻译和支持~~~
转发我的文档，请注目出处，谢谢！
http://blog.csdn.net/zhlu880516
大家可能会这么问：“如果老版本的浏览器不支持HTML5，那我该怎么开始使用HTML5呢？” 但是这个问题本身就是一个误区。HTML5 并不是什么大事，它只不过是一个独立特性的集合。所以你不必探索HTML5的支持，因为那么做根本就是无意义的。但是你可以去探索它的每一个独立特性的支持，就像canvas，video或者geolocation.
你可能把html当做是标签和尖括号。那只不过是它的一部分，但是这并不是整个HTML。
HTML5的规范也定义了如何通过Dom，将这些尖括号和javascript交互。Html5并不是只定义了一个video标签，它还为那些在dom中的video对象提供了一个相应的DOMAPI。
你可以使用这个API来检测支持不同的视频格式，播放视频，暂停，静音，跟踪有多少视频已被下载，以及其他的一切你需要建立一个围绕video标签本身的丰富的用户体验。
2. 你不必丢弃任何的东西
无论你是喜欢还是厌恶它，你不得不承认HTML4是最成功的标记格式。HTML5就是建立在这种成功之上的。你不需要丢弃任何已经存在的标记。你也不必去重新学习那些你已经了解的东西。如果你的网页应用程序在HTML4中运行的很好，那么它将依旧在HTML5中良好运行。
现在，如果你想改进你的网页应用程序，那么你来对了地方。这里有一个具体的例子：
HTML5对HTML4的所有表单控件都提供支持，但是它又包含了一些新加入的控件。其中的一些新加入的控件是期待已久的例如日期选择和滑块，其他的一些更是微妙。比如，邮件内置类型就好像一个文本框，但是移动浏览器将定制的屏幕上的键盘，使其更容易输入电子邮件。老版本的浏览器如果不支持邮件输入类型就会将它视作一个常规的文本域，表单将视作没有任何的标记改变继续工作。这意味着你可以从今天开始就升级你的网页表单，无论网站的访问者是否还停留在使用IE6。
3. 简单的开始吧
升级到HTML5是简单的，只需要改变你的文档类型（doctype），文档类型是必须出现在每个html页面的第一行的。稍早以前的HTML版本定义了很多的文档类型，要选择一个适当的类型相当棘手。在html5里面只有一个文档类型<!DOCTYPE html>。
升级到HTML5文档类型不需要破坏任何已经存在的标记，因为HTML5对所以的HTML4的标签都提供了支持。但是它会允许你去使用和验证新的语义元素比如 article，section，header，footer在第三章中你将会了解以上的这些。
4. 它已经起作用了
无论是否你希望画一个canvas，播放视频，设计更好的表单，或者建立一个网页应用程序可以在线下运行，你将会发现HTML5 已经提供了较好的支持。Firefox，safari，chrome，opera以及移动浏览器已经支持canvas，video，geolocation，local storage等等。谷歌已经支持微观数据的注解。甚至于连微软（鲜为人知的强烈的支持新的标准）也将会提供支持HTML5的下一代浏览器IE9.
本书的每一章节包含了一目了然的浏览器兼容性图标。如果你希望得到老版本浏览器的支持，那么每一章节都提供了简单的讨论。HTML5的特性例如地理位置（geolocation）和视频（video）将会首先被浏览器插件提供就行gears和flash一样，其他的特性，例如画布（canvas）将完整的在javascript中仿真。这本书将会教导你如何即专注于新浏览器的原生特性，又不将老版本的浏览器落下。
5. 它停留在这里
早在20世纪九十年代，Tim burners-lee 就发明了万维网，随后他又建立了W3C（一个已经建立超过15年的组织）去管理网页标准，以下就是2009年7月，W3C不得不说的网页标准特性：
今天，负责人宣布，预计在2009年底也就是xhtml2工作组章程到期之时，章程都不会被更新了。通过这么做，并且通过在HTML工作小组中增加资源，W3C希望加速HTML5的进展，并澄清W3C对于未来的HTML的立场。
待续下一篇，尽请关注
感谢 bobqian 的辛苦翻译和支持~~~
转发我的文档，请注目出处，谢谢！
http://blog.csdn.net/zhlu880516
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 你必须知道的28个HTML5特征、窍门和技术
- 必须知道的HTML5十件事
- 你必须知道的html5的基本特征和用法--基础必会
- 你必须知道的ADO.NET（一） 初识ADO.NET
- 你必须知道的28个HTML5特征、窍门和技术
- 关于 PHP7 你必须知道的五件事
- 开发者必须知道的HTML5十五大新特性
- 关于PHP 7你必须知道的五件事
- 关于HTML5你必须知道的28个新特性,新技巧以及新技术
- 你必须知道的28个HTML5特征、窍门和技术
- 28个你必须知道的HTML5的新特性，技巧以及技术
- 你必须知道的ADO.NET（一） 初识ADO.NET
- [PHP动态]0001.关于 PHP 7 你必须知道的五件事
- 你必须知道的28个HTML5特征、窍门和技术
- 翻译-你必须知道的28个HTML5特征、窍门和技术
- 你需要知道HTML5的五件事
- 翻译-你必须知道的28个HTML5特征、窍门和技术
- DiveIntoHTML5翻译(1)——介绍：关于HTML5你应该知道的五件事
- 你必须知道的28个HTML5特征、窍门和技术
- 你必须知道的28个HTML5特征、窍门和技术