各位前端 er 写 html 的时候用语义化标签吗?

2019-09-26 23:34:16 +08:00
 VDimos
如题,w3c 倒是给出了不少参考语义化标签,但我每次都是本能性的 div 一把梭,除了少数几个功能化标签。
比如 header,我本能性的就是 div.header 这种类型。
根据我的观察,我发现国内绝大部分网站似乎都喜欢用 div,那么问题来了,这谁先带的头啊?
5898 次点击
所在节点    程序员
48 条回复
VDimos
2019-09-27 09:19:13 +08:00
@DOLLOR 对,所以记起来也麻烦
tanranran
2019-09-27 09:21:17 +08:00
移动版用的多
KuroNekoFan
2019-09-27 09:21:45 +08:00
前两年强调,现在可以不用强调了,div 一把梭毫无问题
annielong
2019-09-27 09:29:31 +08:00
很早以前就是 div 堆砌了,html 标签都想全部抛弃,html 标签本身就是一种标准,好多地方可以按照这个标准来无缝对接,如无障碍阅读等
SSW
2019-09-27 09:35:50 +08:00
直接 div 梭啊
learnshare
2019-09-27 10:00:04 +08:00
近几年的技术发展已经没办法再强调语义化了
azcvcza
2019-09-27 10:19:06 +08:00
现在都是在用框架,啥时候不都是 div 一把梭了。
最多 ul > li 渲染列表,
table>tr>td 渲染表格
别的基本就不用了吧。
duan602728596
2019-09-27 10:48:32 +08:00
用啊。我 js 变量 a、b、c、d、e 你能接受吗?
signalas1
2019-09-27 10:51:17 +08:00
把 html 当文档就去语义化,只是借着 html 做 web app 就不用那么较真
yahon
2019-09-27 11:00:17 +08:00
1、用比不用好
2、不用比用错好
3、直接 DIV SPAN 一把梭
xuejianxianzun
2019-09-27 11:05:10 +08:00
用啊,常用的那些也很好用啊,偏门的不用就完事了。
我常用的就这几个 header、nav、section、article、aside、footer
至于楼上诱人说的什么各个标签的隐藏特性,这些我用着反正是没发现有什么问题
p 和 h 标签都要用 div 代替的,我觉得更多的是思维惰性吧。
(话说为什么非要在 p 里放块级元素,这种情况本来就不该用 p
userdhf
2019-09-27 11:08:38 +08:00
搭车问个问题,dl 里面能不能放多个 dt ?
17681880207
2019-09-27 11:22:44 +08:00
p section article 谁分的清楚什么时候该用什么啊?
header 和 footer 到还是可以用下。
说到底,还是因为文化差异。
KuroNekoFan
2019-09-27 11:28:47 +08:00
@DOLLOR 印象深刻,p 里面放 div 会导致渲染问题,而且非常隐蔽
dusu
2019-09-27 11:30:40 +08:00
语义化? vuetify 了解一下
kid1412621
2019-09-27 14:26:35 +08:00
@ericgui 想求问下 seo 怎么搞,除了服务端渲染
xnode
2019-09-27 14:28:56 +08:00
会 但是只在 服务器渲染的 情况搞
icebreaker12
2019-09-27 16:43:37 +08:00
@DOLLOR 同,p 标签内嵌套块元素在初学时困扰了本人好久
ClericPy
2019-09-27 18:52:03 +08:00
现在怎么这么多喜欢加 er 的叫法...... 直接叫 FE 不好听么...
当拼音发音都有一种很厉害的感觉: 我真特么 fe 了

至于语义化标签, 这个有什么 Google firefox 准则规范之类的参考么, 平时大部分操作都是框架里直接复制的, 挺多大厂网站确实是语义化的...
programmerM
2019-09-27 21:20:25 +08:00
在不需要兼容老 IE 的情况下我都会用语义化标签,语义化标签对于屏幕阅读器还是比较重要的。在需要兼容老 IE 的情况下,我一般用 role 属性来代替语义化标签。

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

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

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

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

© 2021 V2EX