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

[chill777]

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

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

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

[xxmym]

我用， 语义标签结构清晰，而且能省掉一些 class

[yunlongV]

只有需要 seo 和 layout 的地方我才用语义化..比如 a 标签，h1-h6 ，img ，其他的地方基本上是 div 一把梭

[mixuxin]

@ccbikai 好奇这个首页是用了什么框架还是纯手写的？见了好多主页都长这个样

[wysnxzm]

有点像 restfull 和 post 的问题

[7gugu]

除非是无障碍化的需求单，否则不可能主动去写语义化标签，用 div 就是为了减少心智负担，做业务最重要的是功能，功能实现好了再讨论美不美吧，很多需求在讨论美不美之前就已经暴毙了，写的再漂亮又有何用，徒增自己的工作量，让下班时间无限延后。

[Hilong]

用的 figma 自动生成的 html+tailwindcss 生成的代码就是 div 一把梭，刚入行的时候我还会用一些其他标签，现在已经习惯了 div 一把梭了

[Arrowing]

@jguo 这个可不能一概而论，变道不打灯影响的是安全，绝对支持提前打灯。语义化标签在绝大多数场景下都是可有可无，没影响。

[mandex]

我用的。内部系统用 react 的时候不太关注这个。但是我做了很多游戏官网，这个时候是要用的，因为真的要考虑 SEO ，还是有点影响的。

[hazy]

非前端，习惯看着 MDN 能用的都尽量用。

[elevioux]

我。

不是专门前端，主要写 PHP 。

尽量写语义化标签是以前写博客、写门户类型的网站的时候，看到有文章说语义化标签有助于 SEO 。

这个习惯一直保留到现在。

h123456,main,header,nav,footer,section,quote,time,pre,code 等等，我是尽量分清楚的，即使是无关 SEO 的后台界面。

不过现在都习惯前后端分离，不关注 SEO ，搞封闭，也就无所谓了。

[keithwhisper]

看到补充里的 "保持谦卑，不断学习才是最重要的。"以及后面的 "个人表示 js 才是前端的核心，前端的卷是在于技术迭代更新的快", "某些老前端扣新人代码扣不出毛病，搁那里扯颜色，间距、字体...的毛病"

你既不谦卑, 也不学习

[shqingda]

div 一把梭，span 都很少用。如果本身不是 div ，就在套一个 div 解决🤣

[awinds]

老项目一般都 div table 吧，现在新的框架或 html 才会出现

[wonderfulcxm]

哈哈 ，用啊，看老外教程经常用，我也用了，特别是写 wordpress 的模板，什么 header, footer, nav , article 很常见，WP 站的的 SEO 比较好跟这是有一部分原因的。

[chill777]

@keithwhisper
。。。这你都可以看不出来？具体指什么方面？我好改正

[qiaobeier]

用不用都可以，不懂还用，比如我们组里的一个台妹，用<LI>不用<UL>, 或者 UL 下面跟着 DIV 这你受得了吗。

[chill777]

@qiaobeier
就是这种，我也遇到过，一会用一会不用的，读代码真的很累。

[keithwhisper]

Reply to #17 @chill777

"个人表示 js 才是前端的核心，前端的卷是在于技术迭代更新的快" 这是傲慢的想法, 觉得一门语言就是一个生态的核心. HTML, CSS 和 JS 都是解决生态里某一领域问题的, 哪个更重要肯定得看面对的问题是什么.
要极端地举例, 我可以说 HTML + CSS 就能呈现一个前端的展示, 缺少 HTML 是做不到的.

"某些老前端扣新人代码扣不出毛病，搁那里扯颜色，间距、字体...的毛病" 别人提出颜色, 间距, 字体的问题, 如果不符合预期, 就是问题, 被指出了就应该改好, 而不是觉得 "老前端扣不出新人代码的毛病"

[GoNtte]

比如标签这些顺手就写了，再细致点的 aria 就算了，项目又没特殊需求，尽快搞完需求要紧

[wzdsfl]

@Yanlongli #38 img 也给用上 backgroud-image 给代替了