html - 为什么要使用除 div 之外的任何东西？

Question

在 HTML/XHTML 中，为什么要使用除 div 元素之外的其他元素？

它们是可以用来构建整个页面的基本块。当然，它们不会增加页面的语义，但 HTML 与语义无关，它与结构有关。我为什么要关心语义？

有什么想法吗？

编辑：所以声明“...HTML 与语义无关，它与结构有关。” 引起了一些骚动；它被认为是关于语义的，尽管 div 和 span（可能是最常见的元素）打破了这个规则。或许，一个更好的问题是问：HTML/XHTML 是否应该与语义有关？

Answer 1

并非所有元素都应该是块级元素，并且需要为页面上的每个 div 指定 div 的类型是荒谬的。它也更容易阅读。

Answer 2

两个重要原因：

1. 搜索引擎
2. 屏幕阅读器

搜索引擎根据其内容以及该内容的语义对页面进行排名。为您的内容添加适当的语义可以加强内容试图传达的意图，并允许搜索引擎对该内容赋予更高的价值。

屏幕阅读器还依赖于语义正确的内容。有关更多信息，请参阅本文。

Answer 3

各种电子邮件客户端支持不同的 HTML 子集，这些子集经常忽略外部样式表、浮动等。在许多情况下，您必须恢复到表格。

Answer 4

看看你的建议的一个简单例子：

<div>
    <div>Hello</div>
    <div>this is a paragraph which contains some <div>stuff</div> that should not be in a div</div>
</div>

现在，人类、浏览器、搜索引擎等是否更容易理解以下内容？

<div>
    <h1>Hello</h1>
    <p>this is a paragraph which contains some <span>stuff</span> that should not be in a div</p>
</div>

有不同的元素是有原因的。除了样式的块和内联之外，标签会向页面添加大量信息，如果将其全部替换为 div 标签，则会丢失这些信息。

Answer 5

因为：

1. 最好为搜索引擎阅读。
2. 为人类阅读更好。
3. 最好为屏幕阅读器阅读。

使用语义 html 或在 div-hell 中烧毁！;-)

Answer 6

再加上您的页面结构如何说明您页面上的内容。搜索引擎将比 h6 更重视 h1。它不仅可以显示您的数据，还可以描述您的数据。HTML5 会有更多的元素，所以你最好系好安全带。