html5 语义元素和旧浏览器

Question

我正要为网页设计一个新的布局，想利用这个机会来实现一些 html5 标记。

我首先想到的是语义元素(nav、header、article..)

检查后http://caniuse.com/#feat=html5semantic我注意到 IE8(及更低版本)不支持这些元素。这可能意味着我无法为期望一致结果的语义元素设置样式。

该网站从 IE7/8 浏览器收到大量流量，我不知道如何进行。我听说过 modernizr 和 html5shiv，但我不知道现在最好的标准是什么..

Answer 1

您可以设置它们的样式。您只需运行 HTML5shiv或 Modernizr .您还想添加一些 CSS 以使其在默认情况下被阻止。

article, header, nav, section, footer
{
    display: block;
}