div
的内部与section
或article
等语义元素之间有什么区别?
我发现内部div
也有display: block;
,语义元素也有(section
,article
等等。display: block;
,所以CSS内部是一样的,所以语义只是有意义地呈现HTML代码或者还有其他内部行为吗?
我知道对于div
元素没有任何意义,但语义元素具有有意义的名称。
答案 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>