大型电子商务网站：HTML5是时候了吗？

Question

我目前在一家大公司工作，我为他们的高流量电子商务网站设计。我们支持各种浏览器中的数万用户。我们当前的浏览器统计信息指向使用Firefox 3+和IE8的大多数人。 IE6上仍有约5％的用户。

是时候开始编写未来的代码并在整个网站上使用HTML5吗？是负责任的事情还是我应该等一年让人们升级到更好的支持浏览器？

谢谢。

Answer 1

HTML5不是一个特定的东西。即使在不知道HTML5是什么的浏览器中，您也可以开始使用它。如果您只是开始使用一些额外的标签或表单类型，它们会完美地降级为旧版浏览器中的标准元素。无论如何，视频需要Flash后备。无论如何，高级脚本功能都需要不支持浏览器的后备，或者只能添加非必要的功能。

简而言之，当然，现在就开始使用HTML5技术为尖端浏览器提供优势，只需确保它们在旧浏览器中都能很好地降级。

Answer 2

IE8不支持大多数HTML5。 您可以使用库来提高HTML5的识别率;但是对于一个大型的生产基地，我认为你最好等一年。

Answer 3

我想说仍然在IE6上的5％的用户可能会继续使用IE6。他们或者对升级不感兴趣（可能他们不了解这些事情），或者在工作场所的安全策略中仅限于IE6。特别是我发现我们的一些客户没有从IE6升级，因为他们的IT团队认为它变化太大，或者他们现有的软件与其他任何东西都不兼容。

因此，我的建议是：转到HTML5。通过一些工作，您可以解决IE6的不足之处（查看Modernizr，CSS3PIE的想法）。这样，其他95％的客户都能获得更好的体验。

Answer 4

......什么是“大”？考虑到HTML5仍然被认为正在进行中，我将投票否决。

Answer 5

目前，大多数人都倾向于使用“HTML5”这个名称来描述网络浏览器中所有令人兴奋的新功能。并非所有这些功能实际上都是HTML5规范的一部分 - 例如，CSS和Javascript具有HTML5横幅下引用的新功能。我会假设你的意思是所有这些功能。

我的答案是调查您可以实现哪些功能，但保持向后兼容。 HTML5，CSS3等的许多功能都可以添加到您的网站，而不会使旧浏览器无法使用。

一些例子:(但是花时间研究更多）

• 新的输入类型，例如<input type='date'>和<input type='number'>
  这些在现代浏览器中为您提供了新功能，但旧浏览器仍会显示正常的输入字段。 /> 更多信息：http://www.456bereastreet.com/archive/201004/html5_input_types/

• 语义HTML5标记，例如<section>，<footer>等 这些为您的HTML标签提供了额外的语义含义，这对于SEO和其他自动查看您网站的系统非常有用。它们大致向后兼容，但为了在IE6 / 7/8中支持它们，你需要包含一个IE hack，如HTML5Shiv。但是，我建议使用Modernizr，其中包括HTML5Shiv以及一堆其他有用的功能。

• 某些CSS3功能，例如border-radius。 IE不知道这个，但结果是IE将有方角，其他浏览器将有圆角。所以没有什么能打破IE用户的网站 但是，如果您非常想要，可以使用CSS3Pie等工具支持IE，包括border-radius。

• 不使用直接使用SVG图形，而是使用Javascript图形库，例如Raphael，它将在支持它的浏览器中绘制SVG，然后回退到VML for IE（甚至可以在IE6中使用） ）。

显然，<video>或<canvas>标记之类的内容在旧版浏览器中不起作用，但坦率地说，只需实现您可以立即使用的功能，您需要花费足够长的时间;当你准备好更进一步的时候，事情总会继续发展。