考虑到较老的浏览器，使用HTML5元素是否明智？

Question

我在想像<header>、<footer>、<article>、<section>和HTML5文档类型之类的东西。

现在这样设计页面有什么好处吗？较老的浏览器将如何看到它们？它们可以被验证吗？

我只是不确定这些东西向后兼容的程度。

Answer 1

确保向后兼容性的一个很好的方法就是使用现代版，它是一个javascript文件，它告诉你用户的浏览器支持哪些html5/css3功能，这允许你以一种方式设计你的代码，它将优雅地降级，或者只是对不同的浏览器使用不同的规则(例如，为支持它的浏览器创建一个使用边界半径的类，为不支持该属性的浏览器创建一个单独的具有基于图像的边角圆角的类。

Modernizr site

Answer 2

出于其他回答中提到的原因，这可能是值得的，但有几个问题需要牢记：

• 如前所述，不理解新元素的浏览器需要添加display: block；添加到样式表
• IE9之前的版本不允许您设置未知元素的样式，因此您需要使用JavaScript hack。有关如何执行此操作的详细信息，请参阅HTML5 Doctor。
• BlackBerry browser ( BlackBerry OS6之前的版本)也不允许设置样式。我不知道有什么办法可以解决这个问题。这对你来说是否重要取决于你的网站在多大程度上专注于移动设备，以及你是否有一个单独的移动网站。然而，BlackBerry浏览器是一个流行的移动浏览器，新的BlackBerry OS和他们的WebKit浏览器需要一段时间才能获得相当大的份额，WebKit读者也不知道这些新元素。建议将它们与等效的ARIA角色加倍，直到支持无处不在。有关更多information.

信息，请参阅HTML5, ARIA Roles, and Screen Readers

我不知道使用HTML5文档类型有什么缺点。我相信这是完全安全的。

Answer 3

当然，是的-许多浏览器已经实现了对HTML5的部分支持，或者通常与其相关的特性，而且其中一些浏览器的方式，即使你把它们介绍给一个没有理解它的浏览器，你也不会破坏任何东西。

一如既往，您应该使用适当的功能检测，而不是包罗万象的浏览器检测来确定可用的内容-它不太容易受到断开的User-Agent字符串等的影响。

有一个很好的指南，Dive Into HTML 5，它基本上讨论了这一点。