HTML5语义标签(文章、页脚、页眉)的降级问题
HTML5语义标签(文章、页脚、页眉)的降级问题
提问于 2010-06-03 23:18:21
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>使用<header>、<article>或<footer>会导致浏览器出现问题吗？在不支持的浏览器中，它们会自动降级为<div>吗？或者，如果我包含它们，是否应该只包含语义意义，而不是CSS样式或DOM脚本？
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-06-03 23:22:15
只要你使用html5shiv处理IE，它就会工作得很好。
浏览器会将所有未知标签(包括HTML5标签)视为普通的内联元素。
您应该包括以下CSS规则：
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }Stack Overflow用户
发布于 2010-06-03 23:22:40
无论如何，对于表示，你将使用CSS，所以浏览器是否能理解标签本身并不重要。
Stack Overflow用户
发布于 2012-08-30 21:49:41
IE不支持HTML 5标记，标记仍处于非活动状态。要在IE中激活语义HTML5标记，请在head部分中使用以下脚本。
<!--[if IE]>
<script type="text/javascript">
(function(){
var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');
for(var i = 0; i < html5elmeents.length; i++){
document.createElement(html5elmeents[i]);
}
}
)();
</script>
<![endif]-->页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2967286
复制相关文章
相似问题
腾讯云开发者
