V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
justdoit123
V2EX  ›  CSS

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

  •  
  •   justdoit123 · 2019-05-14 12:19:29 +08:00 · 4334 次点击
    这是一个创建于 2020 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    语义化是啥,能吃么?
    zaul
        18
    zaul  
       2019-05-14 16:56:11 +08:00
    div + flex , 一把梭哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2902 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 08:26 · PVG 16:26 · LAX 00:26 · JFK 03:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.