现阶段用 HTML5 重构网站，力度怎样合适？

doctype？canvas？video？新的标签元素哪些可以用到？新的表单控件哪些可以用到？web存储？新事件？新的属性？新脚本方法？


doctype 没问题, !doctype html 正好触发 ie 系列的 standard mode.


header / footer / section 等语义化 tags 用一段 js (如 modernizr) + html5 reset 即可解决, 很轻松愉快.


video 有 flash / mp4 组合的 js plugin, 小事.


canvas 比较麻烦, 轻度使用可以考虑别的实现方式.


表单控件支持度不乐观, 基本用不了, 可以使用特性检测来为不支持的浏览器加载 js 模拟实现类似的效果.


javascript 方面可以使用 arguments.js, 可以为已有对象添加新的 methods, 不过新 api 就无能为力. 其他事件之类比较底层的, 就没办法了.


css3 效果方面有 css3pie 等 htc 方案, 但是不建议使用, 对页面结构有要求, 而且和动态元素的兼容性比较差. 推荐的方案是用 modernizr, 遇到需要 css3 的地方多包几个无用的 div, 比如圆角, 用 html 上的 class 来给支持的浏览器写 border-radius, 不支持的就用那些无用 div + image 实现圆角, 或者直接直角现实.


css3 selector 方面, selectivizr 就可以了, 不过需要搭配 jquery / prototype 等使用, 和 modernizr 兼容性也不错. ie7.js 系列不建议使用, bug 较多.


鉴于目前IE6在国内的市场份额仍然居高不下, 建议还是慎重考虑. 如果要使用HTML5的新标签, 而又为了浏览器兼容则需要增加写CSS Hack, 另外, 其他的比如canvas, video并不是在所有的现代浏览器里面有很好的支持. 总的来说, 重构网站是为了优化产品提升用户体验, 需要在优雅降级和渐进增强之间做好平衡, 优雅降级保证HTML5新元素的引入不影响用户的体验, 这里得用到浏览器特征检测的技术, 而渐进增强就是希望能小步快走, 慢慢的改进, 不要步子迈的太大, 毕竟, 葛优说"路要一步一步走, 步子迈大了, 喀, 容易扯着蛋"