内部div和语义元素(如section或article等)之间有什么区别?

时间:2016-08-25 07:08:53

标签: html css semantic-markup

div的内部与sectionarticle等语义元素之间有什么区别?

我发现内部div也有display: block;,语义元素也有(sectionarticle等等。display: block;,所以CSS内部是一样的,所以语义只是有意义地呈现HTML代码或者还有其他内部行为吗?

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

查看http://html5doctor.com/the-section-element/,他们会为html5提供明确指南。

  

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

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