想统计一下，有多少前端的 v 友会在开发中使用语义化 html？

[chill777]

本人是学完了 web.dev 和 mdn 的 a11y 课程,但是基本不会在项目中实践，除非项目中 lint 规定或者特殊需求。

看隔壁帖子发现有不少人赞成写语义化的 html ，不写就是屎山,能力不行？但是去看了[douyin.com]()、[weibo.com]()、[csdn.net]()、[jd.com]()、[bilibili.com]()等国内访问量高的网站，都极少使用语义化标签，控制台运行`document.querySelectorAll('section')`得到的都是空。

很想知道那些表示注重 a11y 的"大佬们"，做的都是什么项目哈？

发这个贴的目的只是很难理解，在项目中使用语义化标签成为区别屎不屎山和水平高低的标准？并不是说语义化不重要。但是这也是要看项目的需求吧。更不是用来抨击别人的点。

个人表示js才是前端的核心，前端的卷是在于技术迭代更新的快（工程化、node、跨端、图形可视化等等）。当一个需求，新人一个插件三行代码解决，而身为老人的你在啪唧啪唧的几百行的脚本代码，到底是谁水？

主要是某篇帖子，让我想起了我司的某些老前端扣新人代码扣不出毛病，搁那里扯颜色，间距、字体...的毛病。真的很恶心。前端这行绝对不是工作时间越长，技术越好的行业。新人不一定就比老人差。保持谦卑，不断学习才是最重要的。

[WhateverYouLike]

举手之劳就能做正确的好事，为什么不去做，这也是我想不通有些老人随便糊能跑就行的地方。

[keithwhisper]

Reply to #96 @chill777

> 如果没有 js ，前端永远只是是切图仔。

我反驳的是 "个人表示 js 才是前端的核心，前端的卷是在于技术迭代更新的快", 提出的观点是 HTML/CSS/JS 都在解决各自领域的问题, 哪个是核心取决于解决的问题是什么. 然后举例说在极端情况下 HTML 和 CSS 就够了.

你是理解成我说可以没有 JS? 跨度有点大

> 身为程序员，code review 时扣无关紧要的外观，很 low ，都是按照 ui 和标准来的。就算扣也是产品和 leader 来说。而不是有的人仗着资历，去刷存在感。谁又比谁的审美高级？

这是态度问题, 我没什么要回复的.

[kdwnil]

用不用这玩意只取决于我写的时候能不能想起来有适合的 tag

[ebushicao]

完全按照语义化的规范来，也就是适配无障碍和屏幕阅读器以及其它自动化工具，内容还是很多的，不是某些回复认为的用一些指定的标签就好。这部分还是挺有工作量的，但大部分，甚至可以说国内几乎所有公司都不会给这个时间，甚至有些产品经理可能压根不知道这件事，即便知道也不会规划。做语义化基本=吃力不讨好，所以怎么快怎么来。

[nowheremanx]

现在前端素质这么低，tag 乱用，不标注 id ，不用有意义的 class 和 attr：爬个虫真累。

[kinkin666]

@TimG 一样，div 给人的感觉是一个集装箱，span 是一个塑料袋，食物不能直接放在集装箱里，起码要淘个塑料袋，当然 h1-h6 p 本身就能装食物……

块元素只用
<h3 class='section-title' 以前做网站的时候还会用 h1 。现在都是小程序 h5 页面，用 h3 就是看着更清晰
<div class='list-wrap' class='list-meat' class='list-item'
<br 如果懒得写 padding ，哪里需要就 br 哪里

内联元素只用
<span class='text-1' class='text-2'
<b i 他俩比 span 短，当一个 div 下就两个文字域又比较贴合 b 和 i 的意义的情况下我会用，strong 和 em 狗都不用，爬虫又不是不知道 b i……
<img class='pic-1' class='pic-2' class='logo'
<a href='javascript:void(0)' {at}click='linkXxx_Click' // 我的事件名写的很 Visual Basic ~

布局上也习惯使用伪绝对定位：块元素 postion:relative ，里面的内联元素 position: absolute ，然后一通 top left right bottom 配合 margin 任何布局都无往不利（少个别需要 flex 的除外）

[dongtingyue]

无障碍化的时候需要

[Te11UA]

难道大家做网站，都完全不管 SEO 吗？语义化标签就是谷歌推荐的做法

[lizy0329]

十分没必要,全部用 div 即可,少部分都些特殊 p pre, css 的发展就是劝你全部采用无 样式的 div 标签

[sparkinglemon]

不算是非常恰当的比喻吧，但我觉得语义化这个就像是你做菜最后摆盘，

你可以都用标准的碗（ div ）来盛装，从基本使用上来讲问题不大，

但是如果你选择用味碟、骨碟、鱼盘、汤匙、面碗、饭碗、菜盘等等这些专用的器皿来盛装合适的菜肴，除了能尽到容器本身的特点（比如<details>,<dialog>,<nav>,<aside>）外，也会相对更美观（ Lighthouse 分数高，对用户友好）

[chill777]

#108
@Te11UA 我司是很少考虑 ，不如花钱买流量。现在都在关注推广 app ，很少有人在意网页 seo 。

[HappyAndSmile]

其实即使不用，也可以有些追求的

[BeforeTooLate]

语义化应该还是要用的，因为本身这东西增加你难度，关键还有一个方面利于 seo 。

[linzhe141]

只会写后台管理系统，全部用 div 和 span

[littcc]

@keithwhisper 你是对的。
@chill777
前端连字体、颜色、间距写得有问题，不管提这个问题的人是和你同一天进来的，还是公司的老资历，这个都不是重点。100% 还原设计稿是前端工程师最基本的素质，怎么就 low 了？

[chill777]

#114
@littcc
1. 肯定是按设计稿来的。100%还原 OK ？
2. 有的需求没有 UI ，直接组件库堆的 OK ？
3. 程序员 code review 说不出有用的建议，然后挑别的程序员审美上的问题？就是挑事，就是 low ，OK ？
4. 麻烦看清楚了再来嗷嗷叫。

[littcc]

@chill777 100% 还原设计稿，何来的 “扯颜色，间距、字体...的毛病” 呢？有就是有，没有就是没有。要不就是你不动脑子随便举例，要不就是你对其他人有偏见。

[chill777]

#117
@littcc
https://www.v2ex.com/t/1052902?p=1#r_14923263 ，把我这段的第四行默写 100 遍。
对啊，就是有这种奇葩，明明还原设计稿了，还要扣 ui 的问题。就像有的人明明看见“都是按照 ui 和标准来的” 这句话，还要给人扣上“没有 100%还原设计稿“的帽子。非要多说两句显示自己的 rz 。

温馨提示：眼睛不好就少上网

[mixuxin]

@ccbikai ⭐️ed