使用<header> over <div id =“header”>？</div> </header>有什么实际好处

Question

使用<header>优于<div id="header">是否有任何实际好处？

并将header {}的css写在#header {}

上

我知道一个缺点是，如果使用<header>我将不得不使用Javascript惩罚IE用户，否则它将不会采用风格。

我知道它是HTML5，但在使用非HTML5支持的浏览器之前，使用它是否有任何优势。

IE6，IE7，IE8和一些旧的移动浏览器不了解这些新标签。

编辑：

使用JS Canvas库在所有浏览器中做一些非常棒的东西是可以的，但是使用Javascript只是为了在IE中使用某些标签会降低性能而没有太大的理由。

Answer 1

除了它给标记带来更多意义之外，在使用css时你可以更轻松地选择所需的项目而不需要使用id或class。这样可以减少你需要写入的标记量，这样就可以保证网站很容易，并帮助其他开发人员更好地了解您的代码，如果需要。

Answer 2

我不知道一个事实，但我认为几乎可以肯定，使用语义更好的标记（例如<header>）将有助于搜索引擎抓取工具构建更好的网站图像。

使用HTML5可能没有其他实际好处，甚至上述内容也不完全有形。所以在实践中我真的不相信你可以争辩说HTML 5（以及做你的页面与早期IE版本兼容所需的额外工作）将是一个很好的投资。

另一方面，如果您不关心过时的浏览器，那么确实没有任何缺点。

Answer 3

嗯，从我的观点来看，它为标记提供了进一步的意义。至少以更有条理的方式。比方说，例如你必须自动解析你的页面（如果它不是你的），你会知道标题总是一个，它不依赖于使用的CSS类。

Answer 4

为Carles指出，为您的网页提供了更好的结构 - 这在搜索引擎方面尤其有用 - 他们将能够更有效地抓取您的所有网站。您可以使用javascript让IE识别HTML5元素（只需将其放在if语句中）。