在引擎盖下，HTML5标签（文章，部分，旁边，页眉，页脚）是否像div一样实现？

Question

我理解所有这些标签都有不同的语义含义，就像article是一个独立的故事; section是针对页面的自包含部分...

它们在很多方面都是好的和有用的标签。 但是，他们只是语法糖吗？ 因为我没有看到他们之间的任何风格差异。 当没有被任何CSS规则应用时，它们就像div一样。

希望一些webkit / gecko专家能够在代码级别上澄清它。

Answer 1

大多数是的。 它们实际上不是div，而是块级元素（微妙但不同）。

http://diveintohtml5.info/semantics.html#new-elements

HTML5中定义了几个新元素，它们是块级元素。 也就是说，它们可以包含其他块级元素，并且符合HTML5的浏览器将它们设置为display：block默认情况下。

所以是的，现在他们只是为了缩短代码长度并创建更清晰的标记，但这就是块级元素的作用。 如果从<p>标签中删除默认样式，是不是就像<div> ？

Answer 2

我没有看到他们之间有任何风格差异。 如果没有任何CSS规则应用，它们就像div一样。

每个浏览器都有自己的原生样式表，应用于页面内容。 这就是我们通常使用CSS重置样式表的原因 - 规范化不同浏览器样式表之间的所有内容。 风格和内容是两个完全不同的东西， 看起来是什么样的东西有它是什么没有关系，因此根据您希望它出现你不应该标记你的页面。

有一天，浏览器可能会将默认样式添加到某些HTML5元素中，例如<section>的某些填充，但它无关紧要（实际上不太可能）。

它们只是语法糖吗？

一点也不。 虽然似乎没有太大区别，但它允许您以更有意义的方式理解您的内容，例如屏幕阅读器或搜索引擎。

正如Grillz的回答所提到的，所讨论的元素都是块级元素，因此在这方面 - 它们基本上像div一样呈现，但具有语义价值，并不打算用作通用容器元素。