这是一个创建于 149 天前的主题，其中的信息可能已经有所发展或是发生改变。
本人是学完了 web.dev 和 mdn 的 a11y 课程,但是基本不会在项目中实践，除非项目中 lint 规定或者特殊需求。
看隔壁帖子发现有不少人赞成写语义化的 html ，不写就是屎山,能力不行？但是去看了[douyin.com]()、[weibo.com]()、[csdn.net]()、[jd.com]()、[bilibili.com]()等国内访问量高的网站，都极少使用语义化标签，控制台运行`document.querySelectorAll('section')`得到的都是空。
很想知道那些表示注重 a11y 的"大佬们"，做的都是什么项目哈？
看隔壁帖子发现有不少人赞成写语义化的 html ，不写就是屎山,能力不行？但是去看了[douyin.com]()、[weibo.com]()、[csdn.net]()、[jd.com]()、[bilibili.com]()等国内访问量高的网站，都极少使用语义化标签，控制台运行`document.querySelectorAll('section')`得到的都是空。
很想知道那些表示注重 a11y 的"大佬们"，做的都是什么项目哈？
第 1 条附言 · 149 天前
发这个贴的目的只是很难理解，在项目中使用语义化标签成为区别屎不屎山和水平高低的标准？并不是说语义化不重要。但是这也是要看项目的需求吧。更不是用来抨击别人的点。
个人表示js才是前端的核心，前端的卷是在于技术迭代更新的快（工程化、node、跨端、图形可视化等等）。当一个需求，新人一个插件三行代码解决，而身为老人的你在啪唧啪唧的几百行的脚本代码，到底是谁水？
主要是某篇帖子，让我想起了我司的某些老前端扣新人代码扣不出毛病，搁那里扯颜色，间距、字体...的毛病。真的很恶心。前端这行绝对不是工作时间越长，技术越好的行业。新人不一定就比老人差。保持谦卑，不断学习才是最重要的。
120 条回复 • 2024-07-07 19:44:16 +08:00
 |
101
WhateverYouLike 148 天前  1
举手之劳就能做正确的好事，为什么不去做，这也是我想不通有些老人随便糊能跑就行的地方。
|
 |
102
keithwhisper 148 天前 1
Reply to #96 @chill777
> 如果没有 js ，前端永远只是是切图仔。 我反驳的是 "个人表示 js 才是前端的核心，前端的卷是在于技术迭代更新的快", 提出的观点是 HTML/CSS/JS 都在解决各自领域的问题, 哪个是核心取决于解决的问题是什么. 然后举例说在极端情况下 HTML 和 CSS 就够了. 你是理解成我说可以没有 JS? 跨度有点大 > 身为程序员，code review 时扣无关紧要的外观，很 low ，都是按照 ui 和标准来的。就算扣也是产品和 leader 来说。而不是有的人仗着资历，去刷存在感。谁又比谁的审美高级？ 这是态度问题, 我没什么要回复的. |
 |
103
kdwnil 148 天前 via Android
用不用这玩意只取决于我写的时候能不能想起来有适合的 tag
|
 |
104
ebushicao 148 天前
完全按照语义化的规范来，也就是适配无障碍和屏幕阅读器以及其它自动化工具，内容还是很多的，不是某些回复认为的用一些指定的标签就好。这部分还是挺有工作量的，但大部分，甚至可以说国内几乎所有公司都不会给这个时间，甚至有些产品经理可能压根不知道这件事，即便知道也不会规划。做语义化基本=吃力不讨好，所以怎么快怎么来。
|
 |
105
nowheremanx 148 天前 via iPhone 1
现在前端素质这么低，tag 乱用，不标注 id ，不用有意义的 class 和 attr：爬个虫真累。
|
 |
106
kinkin666 148 天前
@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 的除外） |
 |
107
dongtingyue 148 天前
无障碍化的时候需要
|
 |
108
Te11UA 148 天前
难道大家做网站，都完全不管 SEO 吗？语义化标签就是谷歌推荐的做法
|
 |
109
lizy0329 148 天前
十分没必要,全部用 div 即可,少部分都些特殊 p pre, css 的发展就是劝你全部采用无 样式的 div 标签
|
 |
110
sparkinglemon 148 天前
不算是非常恰当的比喻吧，但我觉得语义化这个就像是你做菜最后摆盘，
你可以都用标准的碗（ div ）来盛装，从基本使用上来讲问题不大， 但是如果你选择用味碟、骨碟、鱼盘、汤匙、面碗、饭碗、菜盘等等这些专用的器皿来盛装合适的菜肴，除了能尽到容器本身的特点（比如<details>,<dialog>,<nav>,<aside>）外，也会相对更美观（ Lighthouse 分数高，对用户友好） |
 |
112
HappyAndSmile 148 天前
其实即使不用，也可以有些追求的
|
 |
113
BeforeTooLate 148 天前
语义化应该还是要用的，因为本身这东西增加你难度，关键还有一个方面利于 seo 。
|
 |
114
linzhe141 148 天前
只会写后台管理系统，全部用 div 和 span
|
 |
115
littcc 148 天前
@keithwhisper 你是对的。
@chill777 前端连字体、颜色、间距写得有问题，不管提这个问题的人是和你同一天进来的，还是公司的老资历，这个都不是重点。100% 还原设计稿是前端工程师最基本的素质，怎么就 low 了？ |
 |
116
chill777 OP #114
@littcc 1. 肯定是按设计稿来的。100%还原 OK ？ 2. 有的需求没有 UI ，直接组件库堆的 OK ？ 3. 程序员 code review 说不出有用的建议，然后挑别的程序员审美上的问题？就是挑事，就是 low ，OK ？ 4. 麻烦看清楚了再来嗷嗷叫。 |
|
117
littcc 148 天前
@chill777 100% 还原设计稿，何来的 “扯颜色，间距、字体...的毛病” 呢？有就是有，没有就是没有。要不就是你不动脑子随便举例，要不就是你对其他人有偏见。
|
|
118
chill777 OP #117
@littcc https://www.v2ex.com/t/1052902?p=1#r_14923263 ，把我这段的第四行默写 100 遍。 对啊，就是有这种奇葩，明明还原设计稿了，还要扣 ui 的问题。就像有的人明明看见“都是按照 ui 和标准来的” 这句话，还要给人扣上“没有 100%还原设计稿“的帽子。非要多说两句显示自己的 rz 。 温馨提示：眼睛不好就少上网 |
 |
120
rccoder 138 天前
当一个技术或方案没有用或大家懒得用的时候，那一定是这个方案或技术有问题或者出现的时机有问题
|
Select Language