justdoit123
V2EX  ›  CSS

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

  •  
  •   justdoit123 · May 14, 2019 · 4985 views
    This topic created in 2585 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    语义化是啥,能吃么?
    zaul
        18
    zaul  
       May 14, 2019
    div + flex , 一把梭哈
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5654 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 87ms · UTC 01:51 · PVG 09:51 · LAX 18:51 · JFK 21:51
    ♥ Do have faith in what you're doing.