<div> 和 <section> 之间的确切区别是啥？就像我知道 Section 有“意义”而 div 没有，但那是啥意思？ [复制]

Posted 2023-03-03

【中文标题】<div> 和 <section> 之间的确切区别是啥？就像我知道 Section 有“意义”而 div 没有，但那是啥意思？ [复制]

【英文标题】：What is the exact difference between <div> and <section>? Like I know Section has 'meaning' and div doesn't, but what does that mean? [duplicate]<div> 和 <section> 之间的确切区别是什么？就像我知道 Section 有“意义”而 div 没有，但那是什么意思？ [复制]

【发布时间】：2014-10-21 10:43:15

【问题描述】：

我的意思是，根据我的研究，我知道它的行为方式与 相同，除了那个部分有意义而 div 没有。这到底是什么意思？ 使用 section 在浏览器上的输出会与使用 div 时不同吗？ 我只是想把差异形象化。请不要给我任何谷歌搜索的答案，因为我已经用谷歌搜索了它，但仍然不能 100% 理解它。 它只是为了可读性吗？ 谢谢

【参考方案1】：

W3 wiki 上有一个很好的部分解释：

<section> 元素表示文档的通用部分或 应用。

在此上下文中，部分是内容的主题分组： 章节 选项卡式对话框中的各种选项卡式页面 论文的编号部分... 网站的主页可以分成几个部分 介绍、新闻和联系信息。 节元素 不是通用容器元素。节元素是适当的 仅当内容将在文档的 大纲。 [Example A] 通常带有标题的部分。

<div> 标签将用作general flow container。规范定义了允许的内容：

http://www.w3.org/TR/html-markup/terminology.html#flow-content

【参考方案2】：

它们在输出方面没有任何区别，在 div 上使用 section 的目的是增加代码中的语义价值，或者换句话说，在您或其他人返回时使其更具可读性并试图了解它的作用。

【讨论】：

言归正传，div 没有语义价值，但 section 有