HTML部分与div和差异[重复]

Posted 2023-03-03

【中文标题】HTML部分与div和差异[重复]

【英文标题】：HTML section vs div and differences [duplicate]

【发布时间】：2014-01-03 02:13:07

【问题描述】：

section 和 div 有什么区别？ 两者使用相同：

<div id='test'> Element1 </div>
<section id='test'> Element2 </section>

但是什么是为了什么？

第二个问题：我需要设计一个主页......内容页面应该看起来像this一个......有不同的部分......我应该采取什么...... divs或sections？

【问题讨论】：

所以我应该使用 div 吗？

【参考方案1】：

来自here：

section 元素代表通用文档或应用程序 section...section元素不是通用的容器元素。什么时候 仅出于样式目的或为了方便 在编写脚本时，鼓励作者使用 div 元素。 部分是一个内容块，您可以将其作为单独的记录存储在数据库中。

div 是一个通用的流容器。它是一个块级元素，没有额外的语义含义。

【讨论】：

特别的时候我用什么？

我在这个问题上说了我的要求..我认为我需要 div 那里因为它们的样式..对吗？

@user3104539:- 是的，你是对的！

【参考方案2】：

是的 div 是块级元素并用作容器，但 section 是 html5 中的语义标签，以便更好地表示 html 内容。

【参考方案3】：

DIV

div 元素没有任何特殊含义。它代表了它的 孩子们。它可以与 class、lang 和 title 属性一起使用 标记一组连续元素共有的语义。

Click Here to know more about DIV

部分：

section 元素表示文档的通用部分或 应用。在这种情况下，一个部分是一个主题分组 内容，通常带有标题。

章节的例子是章节，不同的标签页在一个 选项卡式对话框，或论文的编号部分。一个网站的 主页可以分为介绍、新闻等部分 项目和联系信息。

Click here to know more about SECTION

【讨论】：

但是在这个部分形式（联系方式）然后 div 为 name: 和 message: 如果他们应该有特殊的风格？

实际上您需要按原样设计页面吗？对，所以你应该对 CSS 有一定的了解

【参考方案4】：

section 标签是 HTML5 的新标签，这实际上意味着旧版浏览器可能会遇到问题。 根据MDN

•不要将元素用作通用容器；这就是目的，特别是当切片仅用于样式目的时。一个经验法则是，一个部分应该在逻辑上出现在文档的大纲中。