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

2024-06-26 21:24:51 +08:00
 chill777
本人是学完了 web.dev 和 mdn 的 a11y 课程,但是基本不会在项目中实践,除非项目中 lint 规定或者特殊需求。

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

很想知道那些表示注重 a11y 的"大佬们",做的都是什么项目哈?
13007 次点击
所在节点    程序员
120 条回复
Greendays
2024-06-27 15:27:21 +08:00
原来这叫语义化,看这个帖子之前我还以为 HTML 只有这种写法(
SniperXu
2024-06-27 15:27:26 +08:00
@wzdsfl 😂这个大可不必
alleluya
2024-06-27 16:02:10 +08:00
@TimG 这个 span 里套 div 我看有的 UI 库里写的时候也这样
treblex
2024-06-27 16:07:16 +08:00
专门做网站的时候会注意,现在都是小程序就用不到了
不过我比较在意可点击的内容要有交互效果,最简单的就是可以做个按下半透明,很多应用做出来都是铁按钮,按下去一点儿反应都没有
qin20
2024-06-27 17:23:12 +08:00
1. 语义化的好处是什么,成本又需要多少,是不是什么项目都需要语义化呢?
- 在我看来大部分项目都不需要语义化,收益很小,但是需要付出的成本却很大,很繁琐
2. 语义化很难吗,是一个很高深的技术吗,需要炫耀和比较吗?
- 只能扯这个的人都纯属扯淡,吃饱没事干
TORYOI
2024-06-27 17:26:22 +08:00
细心+基础才是前端的核心
ssb4
2024-06-27 17:48:48 +08:00
水平不行,菜还不承认
Rebron1900
2024-06-27 17:51:29 +08:00
@chill777 不是在讨论用不用吗?用你也让人拉倒?再说现在做网站几个不用框架的?
zhx643
2024-06-27 17:52:38 +08:00
像 header section footer 经常使用
NerbraskaGuy
2024-06-27 17:56:55 +08:00
这玩意跟水平也没啥关系吧,引申一下就是 CSS 脑子记得多就算水平高吗,靠这些东西来定于水平那前端整体上限也不会高到哪里去
seki
2024-06-27 17:57:47 +08:00
a11y 不一定需要语义化标签,用 role 之类的也行
mxT52CRuqR6o5
2024-06-27 18:02:11 +08:00
csr 对 seo 的影响明显远大于语义化标签啊,不把 csr 的因素排除是怎么得出 seo 全靠语义化的结论的
k9982874
2024-06-27 18:03:11 +08:00
@marcong95 发帖之前就查过这是什么“新玩意”毕竟前端喜欢搞概念,天天搞重复发明。
有什么观点直说,别当谜语人。
哦,你可以把「谜语人」贴到搜索引擎搜索一下
tomowang
2024-06-27 18:14:33 +08:00
我在个人项目中用,nav, main, section, footer 这些,主要想看看 lighthouse 评分之类的。但是公司项目,大部分不考察这些,很多时候也是 div 。不过基本的原则比如链接 a 标签、button 这种,能注意的还是会注意
Torpedo
2024-06-27 18:43:50 +08:00
常年做内场项目 、app 里的 webview ,我已经不会语义化了

另外,复杂的应用很难兼顾语义化的
chill777
2024-06-27 20:09:32 +08:00
#88
@Rebron1900
。。。你点进去看了吗?你玩过博客吗? astro 自己生成的标签,你管是自己注重语义化?这么会往脸上贴金? git clone 的代码,你怎么不说是自己写的呢?不懂少说话,丢人玩意
chill777
2024-06-27 20:26:18 +08:00
#78
@keithwhisper
1. 如果没有 js ,前端永远只是是切图仔。
2. 身为程序员,code review 时扣无关紧要的外观,很 low ,都是按照 ui 和标准来的。就算扣也是产品和 leader 来说。而不是有的人仗着资历,去刷存在感。谁又比谁的审美高级?

我说的谦卑,不代表要接受别人的 pua 。不断学习,是学习技术和知识,不是学习在不合理的指责下还要说谢谢你,我要改的。OK ?
ccbikai
2024-06-27 20:28:32 +08:00
@chill777 #52 请问是什么框架?

@mixuxin 我开源了一版,在这边 https://github.com/ccbikai/astro-aria
chihiro2014
2024-06-27 20:32:30 +08:00
all in div
LavaC
2024-06-27 20:34:51 +08:00

also the <div>
看到这个话题就想到这个 meme 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1052902

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX