关于语意化的 html 标签,你用得多深入?

2019-05-14 12:19:29 +08:00
 justdoit123

我现在困惑了,html 的语意化标签还有多少意义?大家在写 html 的时候,是不是 class 横行?比如:用.address 这个 class 来取代 address 这个标签。类似的还有 time 标签、strong 标签、article 标签

我另外看了一些网站,比如豆瓣、stackoverflow,貌似也没那么严格的使用语意化的 html 标签。

其实有些 html 标签,如:p、form、a、input 等还是用得挺多的。一方面是这些标签用 div 跟 span 无法代替,另一方面是其语意化含义非常准确,且用得很习惯了,比如 p、跟 h1~h6。不知道各位对语意化的 html 编码,做到什么程度?

4191 次点击
所在节点    CSS
18 条回复
airyland
2019-05-14 12:51:02 +08:00
=> 语义化
murmur
2019-05-14 12:53:20 +08:00
这种标签对于移动端转码(可能搜索引擎收录),还有盲人的阅读器有帮助,抛开这些,单从表现结果来看,div+css 就能搞定一切了。。
Track13
2019-05-14 12:53:38 +08:00
div 一把梭的路过
IsaacYoung
2019-05-14 12:53:52 +08:00
div 一把梭
Track13
2019-05-14 12:55:00 +08:00
浏览器的阅读模式认这些标签,搜索引擎好像侧着 h 加错等
murmur
2019-05-14 12:56:10 +08:00
楼主你启发了我一个问题,对于 flutter 吹的全端,他的 pc/web 用的是 canvas,这种 0 语义化的东西怎么算呢
PressOne
2019-05-14 12:58:33 +08:00
语义标签可以算 HTML 语法糖吗?
kidlj
2019-05-14 12:58:46 +08:00
div is evil
dd0754
2019-05-14 13:17:42 +08:00
div 一把梭
noe132
2019-05-14 13:23:24 +08:00
div 一把梭
justdoit123
2019-05-14 13:39:10 +08:00
我也是试着几个页面用 div + flex 一把梭。某种程度上,好像真是方便了一些。不如 ul + li,不用每次去把 list-style-type 给 reset 掉,诸如此类的。

我是不是可以理解为:toB,怎么快怎么来。toC,应该尽量考虑意义化?
YuxiangLuo
2019-05-14 13:53:43 +08:00
现代前端开发,语义化只剩一个作用就是方便 SEO。
learnshare
2019-05-14 14:04:42 +08:00
语义化的标签目前来讲并不够用,需要 aria 之类的作为补充
但实际情况是语义化和可访问性完全不管,实现需求是唯一的要求
R18
2019-05-14 14:05:34 +08:00
全部 JS document.write() : /
autoxbc
2019-05-14 14:09:34 +08:00
有些人认为把 W3C 现成的东西用 js 再造一遍就是现代前端了,这种人还挺多
duzhihao
2019-05-14 15:00:49 +08:00
语义化还是蛮重要的,至少面试都问
whypool
2019-05-14 15:36:55 +08:00
div 一把梭,布局 flex 一把梭

语义化是啥,能吃么?
zaul
2019-05-14 16:56:11 +08:00
div + flex , 一把梭哈

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

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

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

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

© 2021 V2EX