关于HTML5你不得不知道的五件事情
- - HTML5研究小组你 也许会问：“如果老的浏览器不支持HTML5我该如何开始呢. ”这个问题本身就是具有误导性的. HTML5并不是一大块整体，而是一系列单独特性的集合. 所以你是不可能去检测“HTML5支持性”的，因为根本就没有这种东西存在. 但是你可以测试对某些特性的支持，比如画布功能、视频功能、地理定位功能. 你 可能认为HTML5是一系列标签和尖括号.
关于HTML5你不得不知道的五件事情
标签：
HTML
5技术概览
HTML5前沿技术
| 发表时间：2012-01-11 00:46 | 作者：djyang
出处：http://www.mhtml5.com
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就是未来。 让我们一起上来深入了解吧。
原文链接： Five Things You Should Know About HTML5
译文来源：http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客，关注Web App前瞻和实践，以及智能浏览器发展
请大家在关注HTML5研究小组的同时，关注我们的新浪微博 @WebAppTrend，关注我们的腾讯微博@WebAppTrend，欢迎加入我们的QQ群：193775364
相关 [html5 知道] 推荐：
你可能不知道的5 个强大的HTML5 API
- - CSDN博客Web前端推荐文章HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序. 本文将介绍5个新型的API，希望对你的开发工作有所帮助. 1. 全屏API（Fullscreen API）. 该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序.
28个你必须知道的HTML5的新特性，技巧以及技术
- zhibin - Hi, I'm Adam Lu.原文：http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/. 尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染.
很多用户都不知道的10个优秀的HTML5编码工具
- tinda - ITeye资讯频道HTML5将彻底改变我们建设网站和Web应用程序的方式. 这里有10个伟大的工具，用于简化和提高HTML5的编码. 假如你才刚开始利用HTML5来创建网站，可访问Initializr来入门. 这个网站将帮您根据样板来创建一个简洁，可定制的网站模板. HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性，在不同浏览器下的支持情况.
10件开发者和老板都要知道的HTML5的那些事
- - ITeye博客HTML5 标签没什么大不了的.. 理解这句话你需要先了解HTML 5. 它仅仅是一个html4.01的一个升级版本. 或者是它是完全不同的新版本(无处不在的大肆宣传可能会让你有这种感觉）. HTML 5包括许多简化和附加的网页标记，所以称它为升级版本也是公平的（虽然也有一些大的补充标签，如视频
HTML5 logo 发布
- Greyby - 酷壳 - CoolShell.cn2011年1月19日，W3C发布了HTML5的log，打开W3C的页面，下在的图片印入眼前. 我的第一感觉，就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来，不畏艰难，不怕牺牲，一定要把HTML5的革命事业进行到底. 所以，请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章（关于各个徽章的含义，请参看这里）.
html5 canvas入门
- - Marshal's Blog可以把canvas看做div，不过，它的长和宽不能通过css来定义，要使用标签属性：. 或者javascript对象属性设置：. 使用canvas，只有一种操作方式，使用javascript. 获得canvas对象的上下文对象，该对象是操作canvas的主要对象：. 使用canvas画最简单的线， 点击运行示例，结果看起来是这样：.
HTML5新特性
- - CSDN博客推荐文章 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样：十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.
【转载】HTML5 Messaging
- - HTML5研究小组HTML5 的Message API能够让HTML5页面之间传递消息，甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面，主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.
Adobe、标准和HTML5 -HTML5 and CSS3 开发
- - HTML5研究小组“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业，新标准既可能是无限财富的源泉，也可能导致企业帝国的毁灭. 尽管存在着如此多的风险，标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时，计算领域的主要争议是Unix是否是一个可行的操作系统（以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战），以及哪个视窗平台（SUN/AT&T还是IBM/DEC/HP）将成为标准.