有什么方法可以迁移到 HTML 5 并且仍然承诺多浏览器兼容性？答案

【问题标题】：Is there any way of moving to HTML 5 and still promise multi browser compatibility?有什么方法可以迁移到 HTML 5 并且仍然承诺多浏览器兼容性？
【发布时间】：2010-05-19 10:41:45
【问题描述】：

我是一名设计师，其主要营销策略是多浏览器兼容性。我向我的客户保证，该网站甚至可以在 IE6 中运行（！）。

最近我一直在思考迁移到 HTML 5 的问题。我担心的原因是 IE6 仍然是市场份额的主要参与者，我不想失去它。

有什么方法可以迁移到 HTML 5 并且仍然承诺多浏览器兼容性？

谢谢。

【问题讨论】：

您对 HTML5 有什么期望？您想使用哪些功能？
相关：stackoverflow.com/questions/2660261/html5-for-ie6-0 stackoverflow.com/questions/1188770/…stackoverflow.com/questions/1933241/…
如果每个站点都使用 IE6 崩溃 jQuery 插件 (plugins.jquery.com/project/crash)，世界会更美好... :)
您确定 IE6 在您的市场占有如此大的份额吗？您始终可以以可降解的方式对站点进行编码。使用 IE6 的人应该能够使用该网站，但他们不会拥有所有使用 9 岁以下浏览器的人的花里胡哨...（例如，为现代浏览器嵌入视频，为其他浏览器提供链接)
这取决于你想用什么，但 IE6 可以很好地配合 HTML 5 网站...stevefenton.co.uk/Content/Blog/Date/200907/Blog/…

标签： browser html

【解决方案1】：

是的，采取婴儿步骤。

首先，您可以切换到 HTML5 文档类型：<!DOCTYPE html>。这会将几乎所有浏览器都切换到“标准”模式，与 HTML 4 严格的文档类型相同。

然后是新元素。 Internet Explorer 无法对它们进行原生样式设置，但可以通过一些方便的 javascript 修复它：http://code.google.com/p/html5shiv/

如果您或您的工具还没有为此做好准备（例如，某些 CMS 会去除他们不理解的 HTML 标签），那么在此期间您可以使用类，例如代替<article>，使用<div class="article">。

至于新的表单控件，它们也向后兼容。所以<input type="email"> 在不支持它的浏览器中的工作方式与<input type="text"> 完全相同。如有必要，您可以使用 javascript 来填补空白。有关更多信息，请参阅http://diveintohtml5.ep.io/forms.html。

至于<video> 和<audio>，对于旧版浏览器，您可以回退到<object> - 例如。 http://camendesign.com/code/video_for_everybody。同时<canvas>可以用javascript模拟，例如http://code.google.com/p/explorercanvas/.

【讨论】：

【解决方案2】：

“To HTML5”是一个相当广泛的陈述。即使您拥有新的 HTML5 文档类型集（简单的 <!DOCTYPE html>），您也不必全力以赴并使用 HTML5 的各个方面，只需适合您的项目即可。

如果您热衷于使用 HTML5，我建议您阅读“How to use HTML5 in your client work right now”，了解如何使用 HTML5 的某些方面而几乎没有（如果有的话）缺点。

免责声明：我是 HTML5 Doctor 的策展人之一。

从那里归结为您的项目是否会受益于 HTML5 的功能，以及您是否有能力实现这些功能。例如，如果您的所有 IE 用户也启用了 JavaScript，您可以使用 html5shiv 让 IE 识别新元素，从而使您能够使用它们并设置它们的样式。

至于人们经常与术语“HTML5”组合在一起的新 JS API 和 CSS 属性，除非您的网站绝对需要您使用该技术（可能是地理定位之类的技术），否则它可能只是一个渐进增强的问题.如果 webkit/firefox 用户从 CSS3 中得到圆角而 IE 用户没有，那真的有那么大吗？

【讨论】：

【解决方案3】：

根据经验，我不会纯粹用 HTML 5 开发网站，但会考虑将其用于网站的某些、更丰富的部分。请记住，W3C 仍然不推荐它，IE 几乎不支持它。

这个博客有很好的讨论：http://blogs.forrester.com/ronald_rogowski/10-05-10-what_should_customer_experience_professionals_do_about_html5

【讨论】：

“会考虑将它用于网站的某些、更丰富的部分”——比如什么？

【解决方案4】：

是的，有几种方法。

但如果你不需要像视频标签这样的 html5 元素，或者像浏览器数据库这样的 html5 api，请留在 XHTML，因为 W3C 仍然不推荐它。在那里你可以为 ie6 使用简单的后备。

你需要html5元素和api吗？

【讨论】：

【解决方案5】：

作为最后的手段，您可以使用 Chrome Frame：http://code.google.com/chrome/chromeframe/

至于“市场份额的主要参与者”，这实际上取决于您的受众。甚至微软也在相当积极地推销其新的 IE 版本。而且我认为向您的 IE 6 用户收取额外的插件安装费并不可耻。毕竟他们的浏览器已经 10 年了，也就是 100 年的互联网年，不是吗？

【讨论】：