<section>和<div>可以在html中互换使用吗？

Question

我从阅读类似的帖子中了解到，html中的<section>标记用于语义和组织目的。但是，我想知道为什么将<div>标记与class属性一起使用会产生类似的效果。 （例如<div class = "SectionOne">） 鉴于这两种方法，我可以使用各自的名称在CSS中引用它们中的每一种：

Section
{
color = white;
}

或

.SectionOne
{
color = white;
}

就我个人而言，我认为第二种方法允许网页设计具有更大的多功能性，我认为新的HTML5功能没有太多优势。有人愿意为我解决这个问题吗？

Answer 1

<section>标记定义文档中的部分，例如章节，页眉，页脚或文档的任何其他部分。

然而：<div>标记定义HTML文档中的分区或部分。该标记用于对块元素进行分组，以使用CSS格式化它们。

Answer 2

部分通常用于具有类似内容的文章，而div用于组合各种块元素以便以不同方式设置它们。主要区别仅在于语义。

请参阅https://www.thoughtco.com/difference-between-div-and-section-3468001了解脱轨

如果您需要任何进一步的帮助，请告诉我

Answer 3

也许你的意思是节而不是节。无论如何，语义是一个东西，选择器是另一个。在CSS中，最好选择使用类而不是标签选择器，因为你在多功能性方面获得了很多。所以从这个角度来看你是对的。语义是另一回事：不是由类提供的。即使你给了一个＆＃34;部分＆＃34; class to div，你没有赋予div语义。

Answer 4

<div>只是一个通用的块级元素，它先于使用 HTML5 到达的后来的，语义命名的文档相关元素，例如：

• <header>
• <nav>
• <main>
• <section>
• <aside>
• <footer>

将文档分成解剖部分时， 仍然可以使用：

• <div class="header">
• <div class="section">
• 等

但是......你不再需要了。

当然，即使你仍然在文档中使用上述所有内容，你仍然可能希望添加其他块级元素，当你这样做时...... <div>是通用目的。