我现在困惑了,html 的语意化标签还有多少意义?大家在写 html 的时候,是不是 class 横行?比如:用.address 这个 class 来取代 address 这个标签。类似的还有 time 标签、strong 标签、article 标签
我另外看了一些网站,比如豆瓣、stackoverflow,貌似也没那么严格的使用语意化的 html 标签。
其实有些 html 标签,如:p、form、a、input 等还是用得挺多的。一方面是这些标签用 div 跟 span 无法代替,另一方面是其语意化含义非常准确,且用得很习惯了,比如 p、跟 h1~h6。不知道各位对语意化的 html 编码,做到什么程度?
![]() | 1 airyland 2019-05-14 12:51:02 +08:00 ![]() => 语义化 |
![]() | 2 murmur 2019-05-14 12:53:20 +08:00 这种标签对于移动端转码(可能搜索引擎收录),还有盲人的阅读器有帮助,抛开这些,单从表现结果来看,div+css 就能搞定一切了。。 |
![]() | 3 bgm004 2019-05-14 12:53:38 +08:00 via Android div 一把梭的路过 |
![]() | 4 IsaacYoung 2019-05-14 12:53:52 +08:00 via iPhone div 一把梭 |
![]() | 5 bgm004 2019-05-14 12:55:00 +08:00 via Android 浏览器的阅读模式认这些标签,搜索引擎好像侧着 h 加错等 |
![]() | 6 murmur 2019-05-14 12:56:10 +08:00 ![]() 楼主你启发了我一个问题,对于 flutter 吹的全端,他的 pc/web 用的是 canvas,这种 0 语义化的东西怎么算呢 |
7 PressOne 2019-05-14 12:58:33 +08:00 via Android 语义标签可以算 HTML 语法糖吗? |
![]() | 8 kidlj 2019-05-14 12:58:46 +08:00 div is evil |
9 dd0754 2019-05-14 13:17:42 +08:00 via iPhone div 一把梭 |
![]() | 10 noe132 2019-05-14 13:23:24 +08:00 div 一把梭 |
11 justdoit123 OP 我也是试着几个页面用 div + flex 一把梭。某种程度上,好像真是方便了一些。不如 ul + li,不用每次去把 list-style-type 给 reset 掉,诸如此类的。 我是不是可以理解为:toB,怎么快怎么来。toC,应该尽量考虑意义化? |
![]() | 12 1KN6sAqR0a57no6s 2019-05-14 13:53:43 +08:00 via Android 现代前端开发,语义化只剩一个作用就是方便 SEO。 |
![]() | 13 learnshare 2019-05-14 14:04:42 +08:00 语义化的标签目前来讲并不够用,需要 aria 之类的作为补充 但实际情况是语义化和可访问性完全不管,实现需求是唯一的要求 |
![]() | 14 R18 2019-05-14 14:05:34 +08:00 全部 JS document.write() : / |
![]() | 15 autoxbc 2019-05-14 14:09:34 +08:00 via iPhone 有些人认为把 W3C 现成的东西用 js 再造一遍就是现代前端了,这种人还挺多 |
![]() | 16 duzhihao 2019-05-14 15:00:49 +08:00 语义化还是蛮重要的,至少面试都问 |
![]() | 17 whypool 2019-05-14 15:36:55 +08:00 div 一把梭,布局 flex 一把梭 语义化是啥,能吃么? |
![]() | 18 zaul 2019-05-14 16:56:11 +08:00 div + flex , 一把梭哈 |