订阅
上一篇
返回
下一篇
HTML5入门。开始使用它吧，它很容易。
作者: Ray 日期: 2010-02-26 10:22
(原文来自天地会)
HTML5入门，开始使用它吧，它很容易。
现在有很多HTML5的文章，尤其是Google Wave(因为它是第一个重要的HTML5应用程序)来了以后。但是你要知道，现在的入门文章要么过于复杂，要么就在散乱在各处不成体系。希望通过本文，我们对HTML的基本知识做个综合介绍，让所有人都能开始使用它。
在开始前，我想对位于北英格兰的speaktheweb网站的朋友们在过去的两周内使得一些列会谈能够举行表示感谢。每个演讲者都让我们认识到了HTML5的真正潜力，以及为什么我们要及早开始使用它。
我想你可能已经知道，IE还不支持HTML5。所以首先，我们需要做的是：
1 用JavaScript调教一下IE
如果你想要在你的HTML5应用能兼容所有主要浏览器，唯一的办法就是做两个网站，很明显没有人愿意这么做！
有一个很好的网站叫做HTML5Doctor,它提供了完美的修复。他们很温柔的在你的<head>部分写了一点JavaScript，这样IE就能看到以下HTML5元素
你可以在这里下载 JaveScript 
html5.rar (请登录后下载)
显然，JavaScript不是理想的解决方案，因为一旦浏览者禁用JavaScript就又不能浏览HTML5内容了。你唯一可以做的是，确保当js关闭时网页优雅的降级。
HTML5也曾受到Firefox2和Camino1的折磨，因为这两个浏览器都使用Gecko渲染引擎。这使得问题更难解决，但是幸运的是这些浏览器的市场份额很少，如果你不想忽略它们，HTML5Doctor这个网站上也介绍了如何解决。
现在，我们已经让所有的主流浏览器（IE，Safari，Chrome，Fitefox，Opera）能够识别HTML5的代码了，现在我们可以：
2. 开始使用它!
使用HTML5的主要好处之一是，我们能够摆脱过多的重复代码。你不必再用id和class去定义一切，因为这些都已经默认建成了。
在其他元素中，你可以在页头简单的使用<head>，导航部分使用<nav>,内容区域使用<section>,而在页脚，你猜使用什么？使用<foot>。另外，你可以在<section>内使用<article>来分割你的内容。这事一件好事，因为浏览器能够更准确的判断内容的关联性，从而帮助SEO，而且它还减少了编码时间。你依然能够继续使用<div id=”header”>，它依然能工作，只是现在有一个更好的，更简单的方法去实现它。
HTML5还有另外两个主要的进步，这将使得开发人员的工作更加简单。第一个是：
3. <video> 视频标签现在，我不打算介入“Flash完了”的辩论。因为这是另外一个完全不搭界的话题。我想说的是……我认为Flash会因为<video>标签有点难受，但不会那么快就消完了，并且其中主要一个原因是：安全性。HTML5的<video>标签不能保护你的视频文件，任何人都可以下载。就我个人而言，我愿意开放资源，而且认为，如果有人愿意把自己的网络视频放到网上，就不会介意有人想下载它。事实上，他们应该高兴，有人愿意保存他们的视频--因为这意味着他们喜欢它，并希望与人分享它。但是，我又要说的是（为什么要说又？），关于分享，这又是另外一个话题了，有空再讨论……
接下来，要使用<video>标签你所要做得是：
如果你怕有人不能够看到它，最简单的方法就是这样
第二项重大的进步是，我对此真的很激动，它是：
4 表单验证
你还可以这样使用autofocus：
看，这是多么的简单！
5. 最后……
尽管我们还没有得到充分的支持，而且HTML5规范还没有最终确定，但我们已经可以开始玩玩HTML5的上述功能，而且我真的认为我们应该……越多人使用，web就进步越快，并且会给某些人，像微软更大的压力去接纳web标准，并为适当的改变提供支持。
接下来，在下周，我们将写一写为什么我们认为网页设计人员/网页开发人员都应该停止侍候过时的浏览器，而完全接收新的技术，例如CSS3和HTML5。如果我们原地踏步，那么我们怎样才能进步？我们应该以惊艳的东东为先，老技术靠后，而不是相反。
在视频方面有一个恼人的问题是，苹果决定在Safari中不支持开源的OGG格式，而是选择了H264，因此为了满足所有的浏览器，我们需要包括两个源，对应两个不同的类型。令人欣慰的是，浏览器会自动检测并自动选择正确的，而忽略另外一个。如下 杯具，大多数浏览器竟然不支持这个功能，事实上，我很负责任的说Opera是目前惟一一个支持的。无论如何，我介绍它是因为我认为它会因此而走向辉煌。
不必再使用JavaScript进行乱搞，你就可以简单的输入类型，告诉它是否需要或不，来进行表单验证。
引用通告地址:
标签:
加入网摘
