各位前端 er 写 html 的时候用语义化标签吗？

[VDimos]

如题，w3c 倒是给出了不少参考语义化标签，但我每次都是本能性的 div 一把梭，除了少数几个功能化标签。
比如 header，我本能性的就是 div.header 这种类型。
根据我的观察，我发现国内绝大部分网站似乎都喜欢用 div，那么问题来了，这谁先带的头啊？

[ayase252]

div 不是历史遗留吗？

[VDimos]

@ayase252 感觉这个改不回来了😂

[sker101]

新项目用 旧项目除非有目标用户需求 否则谁管

[molvqingtai]

没有

[murmur]

我认为能写到 ul/li/a 或者 th、tr、td 这种级别就算语义化做的不错了，没什么理由强制别人要求用 footer、header、section 这些

[unicloud]

想让网页更具语意化，除了在适合的场景用适合的标签外，可以了解下 schema.org

[xiaoming1992]

div 一把梭，像 @murmur 说的，用 ui/li, tr/td, button 什么的就已经够给他面子了

[ericgui]

语义化标签对 SEO 有好处，但问题是，这个年代了，大家不搞 SEO 了

如果你需要优化对 google 的 seo，还是用语义化标签比较好

[xiaoming1992]

@unicloud 不是一般的麻烦，事物意向千千万，要想全部用 itemtype 指明根本不可能，可能只能适用 /流行于特定场合吧。

[chenliangngng]

用有自带样式的标签简直是场灾难，代表的 h 系列，p，更冷门的 em，strong，blockquote。你也许可以在自己写的页面去除掉它们所有的样式，请等一下，谁知道什么时候又会在什么地方重新复用它们呢？也许你下一份代码的使用者并未清除原有样式，或者不同的浏览器完全长得不一样，你把时间全浪费在这些琐碎无比的事情上，应该想着最开始用 div 去写是不是就好了。
听说有更新更棒的语义话标签，header，footer，aside，article，section，我尝试着学习 article 和 section 到底有什么不同，并在实际开发中尝试使用它们所有的。可是令人沮丧的是，你有把握你的 aside 在 1 个月以后还存在吗，你的 article 在 3 个月以后是不是会变成 section 呢，这里有着全世界最高效的执行力，以及变化最快的需求。

我看过某 html 入门书，里面强推 html 的语义化标签叫读者不要大量用 div，我读这本书的感受大概就像上面写的

[dartabe]

搜遍了网上也很难找到 article 和 section 该怎么用的答案...

[akvo]

萌新一只，目前基本 div 一把梭

[ericgui]

@dartabe 直接看 mdn

[dartabe]

@ericgui 区别很模糊

[DOLLOR]

这些语义化标签，会不会隐藏一些默认样式，甚至隐式特性呢？比如 p 标签，有多少人知道，它内部，是不允许再嵌套任何块级元素的？

[skallz]

个人感觉语义化标签，其实更多的是为了无障碍，比如给盲人朗读网站内容，那么语义化标签可以带来重读等语气变化，至于 seo，你见过国内有几个网站强调用语义化标签来优化 seo 的，在欧洲的部分网站倒是看到过些语义化标签使用的比较好点的，估计也是更多的响应无障碍这点

[bojackhorseman]

@DOLLOR 等到开发者发现问题的时候，隐藏特性带来的 bug 不就为人所知了。

[starcraft]

啥卵用 反正都要清样式 div 就完事了

[NikoLan]

@chenliangngng 对于语义化标签的样式，每个项目的需求也是不一样的，可以先引入全局样式，在其中定义这些标签的样式，这样能最简化重复定义。语义化的标签也有助于别人阅读代码。

[minglanyu]

@chenliangngng 我也用了很久了 article 和 section 我是真的分不清。后来干脆全用 section 了。