我将要设计一个新的布局网页,想利用这个机会的优势,实现一些HTML5标记。
附带在我脑海里的第一件事是语义元素(NAV,标题,文章..)
经过检查http://caniuse.com/#feat=html5semantic我注意到,IE8(及以下)不支持的元素。 这可能意味着我不能样式的语义元素预期一致的结果。
该网站收到了不少来自IE7 / 8浏览器的流量,我不知道如何着手。 我听说过的Modernizr和html5shiv,但我不知道什么是最好的标准现在..
我将要设计一个新的布局网页,想利用这个机会的优势,实现一些HTML5标记。
附带在我脑海里的第一件事是语义元素(NAV,标题,文章..)
经过检查http://caniuse.com/#feat=html5semantic我注意到,IE8(及以下)不支持的元素。 这可能意味着我不能样式的语义元素预期一致的结果。
该网站收到了不少来自IE7 / 8浏览器的流量,我不知道如何着手。 我听说过的Modernizr和html5shiv,但我不知道什么是最好的标准现在..
因为你只是在寻找一种方法来样式HTML5元素,使用HTML5Shiv(这是专门为这个目的设计的)。 Modernizr的包含许多更多的功能。 这你不打算使用(对这个问题判断)。
这里的源代码,如果你想知道: https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js
你可以样式。 你只需要运行要么HTML5shiv或Modernizr的 。 您还希望要添加一些CSS,使他们在默认情况下阻止。
article, header, nav, section, footer
{
display: block;
}
有没有办法让IE的旧版本认识到除了通过客户端脚本的新元素。 如果您决定不支持JavaScript的使用是可忽略的,你可以使用一些其他的答案中提到的工具,也可以自己做,该技术是奇数,但不是火箭科学可言,如
<script>
document.createElement('nav');
document.createElement('header');
document.createElement('article');
</script>
更健壮的解决方案是使用div
与标记class
(或id
)属性,除了使用新的元件,例如
<nav><div="nav">...</div></nav>
并设置使用类(或ID),您的样式选择喜欢.nav
。 这将是强大的,它也能给你据称使用语义标记喜欢的收益nav
。 (没有实实在在的好处曾经被提出,但也许有些人会出现。)
你可以(也应该?)使用它们。 不要让他们在旧的浏览器显示效果出色,我建议html5shiv。
http://code.google.com/p/html5shiv/
:我们在这里用它米德兰健康网