Question

我在HTML5规范中读到，当更具体的元素不可用时，通用div标记应仅用作“最后的手段”。例如，标签header，footer和section是主题分组内容的首选。

但似乎绝大多数网站仍然使用div作为主要元素。我的问题是，使用div的频率和使用时间是多少？还应该使用哪些其他元素？

我正在寻找基于规范而非个人意见的答案。谢谢！

Answer 1

没有任何东西取代<div>（这仍然是规范中的原因），但HTML5有更多可用的元素更具体。

除了<header>，<footer>和<section>之外还有：

<nav>
<article>
<aside>
<main>
<details>
<summary>
<figure>
<dialog>
<menu>
以及更多！

基本上任何新的HTML5元素都可以取代<div>。

什么时候应该使用div？你自己回答了：

当更具体的元素不可用时

MDN有一个HTML5 element list，其中包含所有标准的HTML5元素，并指出HTML5中哪些元素是新的。

Answer 2

要记住的是div标记仍然是HTML5的一部分，但它还没有过时。但是，div元素已经被HTML4滥用了很多，并且理所当然，因为它从来没有任何替代元素。现在HTML5已经包含了一些很棒的新结构元素，div不再是创建布局的最佳选择。

div的主要缺点是元素没有意义，因为创建应用程序就绪布局非常困难。 HTML5中引入的新结构元素肯定会对这个问题有很大的帮助。

section元素最有可能比header，footer等其他结构元素使用得更多，主要是因为它不像其他元素那样具体。此外，对于您可以添加多少结构元素没有限制，但要记住的是section不是完整的div替换。

div仍然在HTML5中扮演角色。它非常适合分组相似的元素以及根据需要划分元素。另外，section不应仅用于样式，因为section并非打算成为包装器。

Answer 3

创建header，section，footer和其他此类元素的原因是帮助在css和脚本语言中引用它们。 W3C查看了Web开发人员用于div的最常见ID，并相应地在HTML5中创建了新元素。 div和ID被广泛认为是不良做法的原因是因为所有这些属性都会使代码混乱。众所周知，杂乱的编码会导致错误和错误。

你在哪里使用它们？这非常自我解释。以header为例。它最常见的用途是网页的顶部。右键单击顶部的堆栈溢出徽标并查看源。他们实际上使用ID为＆＃39;标题的div。从技术上讲，这是不好的做法。

div的一个很好的用途就是像这样创建一个围绕整个内容的包装器。

<div id="wrapper">
    <!--content-->
</div>

然后你可以用css引用它到中心：

#wrapper{margin:20px auto;}

希望这有帮助！

在HTML5中使用什么而不是div元素

3 个答案: