HTML旁白标记与div标记

div标签和新的HTML5

旁边的标签有什么区别？

W3Schools对这两个方面的描述非常相似-





我还看到许多网站使用了
aside
标签，而
div
标签就可以了

虽然，当我把它们都付诸实践时，它们的行为方式是一样的，比如：

<aside>
    <h4>This is a heading</h4>
    <p>This is a very short paragraph.</p>
</aside>

<div>
    <h4>This is a heading</h4>
    <p>This is a very short paragraph.</p>
</div>


所以我的问题是，这两者的主要区别是什么？什么时候应该使用一个而不是另一个？
简短回答：
标记在HTML中定义了一个通用的分区或节

标记与div具有相同的表示形式，但包含仅与主页内容相关的内容

差别
两者行为相同，但逻辑意义不同

唯一的实际区别（至少现在）是旧浏览器根本无法识别
。他们会将其视为未定义的，而不是像
div
那样的块元素。旧版本的IE甚至不允许您在
旁边设置
元素，尽管有基于JavaScript的方法可以解决这个问题

理论上的差异在HTML5草案（如current）中得到了解释。请注意，w3schools.com不是任何类型的权威机构；请参阅。
div标记没有语义权重，可以包含任何类型的内容。在HTML5中，您可以使用节标记来增加语义权重。aside标签应该用于与页面主要内容无关的内容
这是我看到的主要用途

<aside>



这使得HTML代码更加清晰。您可能会识别出主文本和从属文本之间的链接。
所有HTML5新元素的目的都是使数据索引更容易

使用
标记，程序很容易识别它是页面的一个备用数据。
相似性：


它们还支持HTML中的事件和全局属性
和
元素没有默认的呈现（和表示质量）。因此，您需要将它们设置为
块
元素，并使用样式表规则调整它们的外观和布局。默认情况下，浏览器始终在其前后放置换行符。然而，这可以通过CSS来改变。大多数浏览器将使用以下默认值显示这些元素：

div {
  display: block;
}



差异


元素标识与周围内容相关但相切的内容。在印刷品中，它的等价物是一个侧边栏，但他们不能称之为元素侧边栏，因为在“侧边”放置某些东西是一种表示性描述，而不是语义描述
根据HTML5，
元素是一个分段内容，因此其内容定义了标题和页脚的范围。每个分段内容元素可能都有一个标题和一个大纲。当浏览器在文档中的剖切元素上运行时，它会自动在文档的大纲中创建一个新项目
元素用于在页面上创建内容或元素的逻辑分组。它表示它们属于某种概念单元，或者应该被CSS或JavaScript视为一个单元
这是HTML4.01和HTML5之间的区别，
标记在HTML5中是新的

每个浏览器的所有版本都支持
元素

再加上这个答案，区别在于语义意义（因此从技术上讲根本没有什么区别）。阅读这些链接（并避免使用W3Schools）：我只是指出，aside元素适用于与主要内容没有直接关系的内容。根据规范：“该元素可用于打印效果，如拉引号或边栏、广告、导航元素组，以及其他被认为与页面主要内容分离的内容。”