如果我使用新的HTML5标签，旧浏览器会怎样？

Question

如果我使用<main> ， <article> ， <aside> ， <footer> ， <header>或<nav>元素，当使用IE8的人尝试加载我的页面时，会不会有不利的副作用？

Answer 1

您会发现很多文章都说，这些新元素中的某些元素与通用块元素没有什么不同，因此它们不会造成任何兼容性问题，并且您需要确保兼容性是在您的网站上添加CSS规则，从而引起相关的元素的行为类似于块元素。 像这样：

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

但是IE8和IE的早期版本构成了挑战。 不在官方花名册中的任何元素都无法使用CSS设置样式。 这意味着我们不能使它们表现得像块元素一样，也不能给它们任何格式，因为它们的行为就好像它们不存在一样。

幸运的是，存在一种解决方法，IE可以识别这些新元素并对其进行样式设置，从而使我们能够充分利用这些新的语义标记。 这是一个名为HTML5Shiv的工具。

诀窍是调用document.createElement("section")会突然导致IE识别section元素。 没有人知道为什么，但是它有效。

但是，您需要确保在使用任何这些元素之前先在您的网站上尽早调用它，否则它将无法正常工作。

Answer 2

为了回答您的问题（旧版浏览器会做什么？），某些浏览器会忽略该元素。 有些人将它们视为错误。 有些人会将它们视为<div> 。 它几乎遍布整个地方。 因此，您需要做一些事情并将它们设置为块级，这是您可以为他们做的最好的事情。