HTML5语义标签(文章,页脚,标题)的降级问题

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)

  • 如果一个人故意使用IE并且故意禁用javascript,那么他们的低级互联网体验就是他们自己的错.这就像关闭显示器并期望仍能看到鼠标光标. (25认同)