美文网首页
关于语义标签的理解

关于语义标签的理解

作者: 小鳄鱼的大哥哦 | 来源:发表于2021-01-19 15:08 被阅读0次

    HTML5的语义标签屡见不鲜了,但是平时用到的很少。
    常用的像:

    h123456
    p
    img
    a
    aside
    article
    nav
    header
    footer
    ...
    

    HTML称为超文本标记语言,也就是在原本的记事本文档的基础上添加了新的展示信息,让界面看起来更加的丰富和有层次感。

    语义化标签的设计意图是想按照书籍的排版样式来规定使用的标签:

    • 有序列表
    • 无序列表
    • 主标题
    • 副标题
    • 导航-菜单-目录
    • 插入的图片-插入的链接
    • 粗体-斜体
      ...

    下面引用一位其他读者的评论:
    语义化标签的一些点可能会降低开发者的使用欲望
    1.很多语义标签自带样式,而这些样式我们并不需要,所以还要先取消默认样式。
    2.现代网页已经不再是按照书籍排版的结构来的,很多页面元素并不容易明确应该使用哪个语义标签。

    对于第二点我深以为然,我也并没有深入研究过语言文字排版,而且现在的界面设计相比书籍更加的丰富多样,很多地方根本不知道应当使用什么样式来排版,就一直用div、span来替代。

    对于语义化标签的总结:

    语义标签用到合适的地方 > 通用div、span > 乱用语义标签

    实际上,HTML 这种语言,并不像严谨的编程语言一样,有一条非此即彼的线。一些语义的使用其实会带来争议,所以我的建议是:你可以尽量只用自己熟悉的语义标签,并且只在有把握的场景引入语义标签。这样,我们才能保证语义标签不被滥用,造成更多的问题。

    我简历上写精通html的,脸疼了。

    相关文章

      网友评论

          本文标题:关于语义标签的理解

          本文链接:https://www.haomeiwen.com/subject/nfnqzktx.html