[译]如何在目前这个浏览器群雄割据的时期用上HTML5
2010年04月03日 | HTML/CSS
原文：How to use HTML5 in your client work right now
中文：如何在目前这个浏览器群雄割据的时期用上HTML5
请尊重版权，转载请注明来源！
“可否用HTML5来做这个站？”两周前一个客户这样问我，我当然很乐意这么做。当时的情况是这样的：
我：
如果你们没有问题的话，我们将使用HTML5重构整个站点。但我想问下：你们站点有多少IE用户是没有开启javascript的？占多少比率?
客户：
嗯，我真的不清楚。但我不想损失这部分用户，所以我想还是不要用HTML5了。
我：
哇！别这么早下决定，我们可以只用HTML5来搭建个别之处，而非全部，这样如何？
客户：
棒极了！就这样做。
目前我们可以用到HTML5的哪些东东？
Rich:绝大部分都可以用上，这里有一个兼容(包括IE)的简要列表：
- 修改文档申明；
<!DOCTYPE html>
- 简化编码设置；
<meta charset="utf-8" />
- 简化<script>和<style>标签；
<link href="style.css" rel="stylesheet" /> <script src="script.js"></script>
- 使用块级链接；
<article> <a href="story1.html"> <h3>Bruce Lawson voted sexiest man on Earth</h3> <p><img src="bruce.jpg" alt="gorgeous lovebundle. ">A congress representing all the planet's women unanimously voted Bruce Lawson as sexiest man alive.</p> <p>Read more</p> </a> </article>
- 在HTML4中使用语义化的类名来替代HTML5的新标签，可以参考@boblet’s cheat sheet
- 使用新的form属性以及input type属性，以便优雅降级：
新的input type：
tel,search,url,email,datetime,date,month,week,time,datetime-local,number,range,color - 使用诸如<time>这类新的标签来增强语义，这些可以被标准浏览器所解析；
- 使用<video>和<audio>标签，然后使之优雅降级（可参考audio和Video for Everybody）；
- 对一些缺陷修复可使用诸如Modernizr的方式
你可以在Molly Holzschlag and Alex Deveria那里查到兼容性的资料。
今日至此，明日再做修整~
2 条留言
不错。
[回复]