<side>和<aside>侧栏中的<div>之间的区别

Question

我发现有两种方法可以标记侧边栏：

<aside id="sidebar">
    <section id="widget_1"></section>
    <section id="widget_2"></section>
    <section id="widget_3"></section>
</aside>

和

<aside id="sidebar">
     <div class="widget" id="widget_1"></div>
     <div class="widget" id="widget_2"></div>
     <div class="widget" id="widget_3"></div>
 </aside>

请告诉我两种方法之间有什么区别，必须使用哪种方法？

Answer 1

部分通常指定相关的信息组 - 而div标签实际上没有指定任何内容，通常用作子元素：）

如果你想要更多阅读，你可以查看this answer，在我看来，它很好地涵盖了它。

要回答您的问题，要么可以使用 - 这更像是一种风格选择，以及您希望如何组织网站上的信息。

Answer 2

您所做的最大功能差异是<section>和<div>之间的语义含义差异。 <div>没有语义含义，将它用于样式，分离，添加自己的类和ID，等等。另一方面，<section>元素通常应该在其中包含标题，或者至少在文档大纲中获得一个条目。

在这种情况下，我建议从<div>开始，特别是在<aside>元素内。