ホームページ >ウェブフロントエンド >H5 チュートリアル >现阶段用 HTML5 重构网站,力度怎样合适?

现阶段用 HTML5 重构网站,力度怎样合适?

WBOY
WBOYオリジナル
2016-06-07 08:44:141430ブラウズ

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 较多. 移动端可以放心大胆的用了 基本都是webkit核心 除了sb UC 估计UC会成为下一个IE 鉴于目前IE6在国内的市场份额仍然居高不下, 建议还是慎重考虑. 如果要使用HTML5的新标签, 而又为了浏览器兼容则需要增加写CSS Hack, 另外, 其他的比如canvas, video并不是在所有的现代浏览器里面有很好的支持. 总的来说, 重构网站是为了优化产品提升用户体验, 需要在优雅降级和渐进增强之间做好平衡, 优雅降级保证HTML5新元素的引入不影响用户的体验, 这里得用到浏览器特征检测的技术, 而渐进增强就是希望能小步快走, 慢慢的改进, 不要步子迈的太大, 毕竟, 葛优说"路要一步一步走, 步子迈大了, 喀, 容易扯着蛋" 个人建议不要用html5写门户,个人站倒是无所谓。我博客连IE9都提示版本低。 天朝人民 表示 大部分 用IE6

IE6 用户 表示 CSSIE6 能 完全不差 的 显示清楚 就不错了
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。