ema*_*ilq 16 html5 cross-browser
HTML5中新布局标签的降级程度如何?使用它们有什么危害?(我不是在谈论 - 我已经<video>看到了具体的回退代码).
具体来说,在类似的情况下
<html>
<head></head>
<body>
<header>
<h1>Talking Dogs</h1>
<b><p>Humans aren't the only talkers!</p></b>
</header>
<article>
<p>Ever encountered a talking dog? I have.</p>
<p>It all happened one day as I was walking down the street...</p>
</article>
<footer>
© 2009 Woofer Dog Corporation
</footer>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
会使用<header>,<article>或<footer>导致任何浏览器问题吗?它们会<div>自动降级到不支持的浏览器吗?或者,如果我包含它们,我应该只包含它们用于语义,而不是CSS样式或DOM脚本吗?
SLa*_*aks 33
只要您使用html5shiv来处理IE,它就可以正常工作.
浏览器会将所有未知标记(包括HTML5标记)视为普通的内联元素.
您应该包含以下CSS规则:
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
Run Code Online (Sandbox Code Playgroud)