HTML 中的 SECTION 元素和 DIV 元素有啥区别? [复制]

Posted

技术标签:

【中文标题】HTML 中的 SECTION 元素和 DIV 元素有啥区别? [复制]【英文标题】:What is the difference between the SECTION element and DIV element in HTML? [duplicate]HTML 中的 SECTION 元素和 DIV 元素有什么区别? [复制] 【发布时间】:2014-02-07 20:04:06 【问题描述】:

我现在一直在学习 html,我遇到了两个定义完全相同的元素。我想知道 SECTION 元素和 DIV 元素有什么区别。

【问题讨论】:

【参考方案1】:

SECTION 是semantic markup - 它有意义。您打算用它来保存页面的一部分。其他语义标记标签包括<header><footer><nav><aside>

DIV 纯粹是一个结构元素 - 它没有暗示其内容的含义。

您可以使用 CSS 为部分设置样式来做任何您喜欢的事情。

【讨论】:

【参考方案2】:

回答问题

section 元素是文档的一部分!而div 是元素的容器,需要注意的是div 在文档中没有任何实际意义。

section如果需要用作内容容器,则禁止使用。

当开发者需要对文档进行编辑或设置样式时,他们需要使用div 标签而不是section 元素。

了解更多

阅读以下链接以了解更多信息。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section(部分)

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div (Div)

【讨论】:

以上是关于HTML 中的 SECTION 元素和 DIV 元素有啥区别? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

html如何去掉section虚线框

HTML5替代div的元素

html5的section和div用法有啥区别?

section+display

HTML5之Section元素案例详解

section和div