关于语意化的 html 标签，你用得多深入？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2029 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

语意化

标签

HTML

address

18 条回复 • 2019-05-14 16:56:11 +08:00

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 via Android

div 一把梭的路过

IsaacYoung

2019-05-14 12:53:52 +08:00 via iPhone

div 一把梭

Track13

2019-05-14 12:55:00 +08:00 via Android

浏览器的阅读模式认这些标签，搜索引擎好像侧着 h 加错等

murmur

2019-05-14 12:56:10 +08:00

楼主你启发了我一个问题，对于 flutter 吹的全端，他的 pc/web 用的是 canvas，这种 0 语义化的东西怎么算呢

PressOne

2019-05-14 12:58:33 +08:00 via Android

语义标签可以算 HTML 语法糖吗？

kidlj

2019-05-14 12:58:46 +08:00

div is evil

dd0754

2019-05-14 13:17:42 +08:00 via iPhone

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，应该尽量考虑意义化？

1KN6sAqR0a57no6s

2019-05-14 13:53:43 +08:00 via Android

现代前端开发，语义化只剩一个作用就是方便 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 via iPhone

有些人认为把 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 , 一把梭哈