div
与section
或article
等语义元素之间的内部区别是什么?
我发现内部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>