内部div与section或article等语义元素有什么区别?



divsectionarticle等语义元素之间的内部区别是什么?

我发现内部div也有display: block;和语义元素也有(section, article等)display: block;,所以内部两个CSS都是相同的,所以语义只是为了有意义地呈现HTML代码,还是有其他内部行为?

我知道对于div元素没有意义,但是语义元素有有意义的名称。

我完全支持@TFFX的答案,我只是想添加另一个方面,即盲人的屏幕阅读器。它们的工作方式不仅读取内容(这是可视用户通常会看到的唯一内容),而且还读取body-tag内的html标记。因此,对于盲人来说,当使用不同的标签时,更容易理解网页。

查看http://html5doctor.com/the-section-element/,他们给出了一个清晰的html5指南。

节是一组内容,您可以将其作为单个记录存储在数据库中。它通常看起来像这样(注意,标题位于section元素内部,而不是紧接在它前面):

<body>
...
  <section>
    <h2>level of heading = section nesting level</h2>
      rest of the content
  </section>
...
</body>

最新更新