html - HTML5语义元素与div标签

时间：2015-04-10 23:11:47

标签： html css

我开始差不多两周了了解必要的前端材料。我注意到很多人使用<div class="something"></div> 指定内容。我很少看到人们使用 HTML5语义元素。也许，太多的div类。

但是如果div类和语义元素用于类似的目的，为什么人们说使用div标签是不好的做法？是语义元素真正推动网站的SEO？

我对前端开发很新。任何答案都会帮助我成长为一名前端实习生！

答案 0 :(得分：1)

这里确实没有正确答案。有些情况下可以使用一些新的HTML5语义元素，例如标题，导航或页脚。但也有一些情况只能使用div。

这真的取决于你作为开发者的风格。我个人喜欢使用标题，导航和页脚标记，但是对于大多数其他内容都使用div。

尽管你可以获得像.section .row .column .some-item .another-item那样长的CSS选择器，但是要玩魔鬼的拥护者。那很不好。那会很慢。选择器的工作方式是从.another-item开始并向后工作......

如果你使用了一些语义元素，它可以创建一个更好的CSS选择器，从而使页面更快。

答案 1 :(得分：1)

最好使用语义标签，以便机器可以更好地理解网站的内容（搜索引擎优化，屏幕阅读器，刮板，第三方脚本，浏览器插件......）

对于计算机而言，不容易分辨哪个区域是主导航，哪个是标题，这是主要内容区域，依此类推。它真的有很大帮助（从机器的角度来看）你使用的标签描述了HTML每个区域的含义。