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

[chill777]

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

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

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

[IvanLi127]

用一部分常用的，不全为了 UA 用，用它也是为了代码看起来结构清晰些。更全的那些就靠 ui 库的语义化做得怎么样了。

[luzemin]

@BeiChuanAlex 就是使用语义明确的 html tag ，让人一看就知道做什么的。比如内容使用<article>，侧边使用<aside>

[huihushijie1996]

title span p h a 等标签还是会用的 不过还是 div 居多

[twofox]

div 一把梭哈

[songray]

坚持语义化标签的公司: https://37signals.com/
现代前端拆分了逻辑的最小块, 其意义也可以从组件名推断, 所以对 html 标签表达逻辑的需求小了很多.

[yuhaofe]

如果是项目肯定还是根据实际需求来，就算不是真的为了无障碍，官网、博客类的项目使用语义化也是有意义的，至少对塑造企业、个人品牌形象是有帮助的。至于互联网服务，口碑没有太大意义，为了获取某些独家服务、内容也还是不得不用，语义化对他们来说可能就是徒增成本。

[yuhaofe]

说到底语言也只是工具，先有了需求再说怎么做，而不是因为规范里有这个东西我就要去用，而且无障碍支持就跟道德一样，是用来约束自己而不是拿来抨击别人的，因为别人支持无障碍去反对他们更是倒反天罡

[jguo]

大部分人变道还不打灯呢。顺手就能做好的事，没那意识就承认自己不行，非要找各种理由。

[Baymaxbowen]

toB 的业务根本就不需要使用

[qwertyzzz]

@fwh 确实不咋地 和 vue 那个比起来

[MrDarnell]

语义化主要是给机器读的,尤其是搜索引擎,我现在基本不会面向搜索引擎开发了,所以不在乎语义化的问题!

[zy0829]

前端开发都用 ui 组件库，组件库很少用语义化的标签

[shizhibuyu2023]

之前学 nextjs 的互动教程的时候，里面也提到了你说的这 2 个课程，还提到个 eslint 插件 eslint-plugin-jsx-a11y 。我是不会学的，除非公司硬性要求。这需要顶层设计，你这个开发想用不想用一点都不重要

[jguo]

一个明显是导航的区域用 nav 比用 div 会多花一秒钟时间吗？不这么做只有两种原因，要么不知道 nav 标签，要么敲下三个字母前没考虑元素的作用。不论是哪种原因，本质上都是水平不行。

[marcong95]

你既然知道这个东西，顺手用上也不难吧，又不是让你多花时间弄 aria 那种

看楼上态度，现在流行的是连 h1-h6 p span 乃至 a button 也用 div 代替？那活该被喷屎山

@k9982874 开喷之前麻烦把「语义化标签」贴到搜索引擎搜一下

[me1onsoda]

有点后端 restful 内味

[Yanlongli]

三个标签打天下：div 、a 、input

[Yanlongli]

@Yanlongli 哦不对，再加上 img

[test4zhou]

一方面是 html 语言方面实现的语义化标签，但是不同浏览器之间解析的问题，样式不统一

另一方面是编码规范上的语义化。统一用 div ，class 命名语义法

[kissmenow]

section 很少用，header footer aside 用的多，无意识的就用上了