为什么要语义化?

作者: 小7丁 | 来源:发表于2019-04-13 10:49 被阅读11次

    第一种举例,段落用 p,边栏用 aside,主要内容用 main 标签
    第二种
    最后是 PHP 后端写 HTML,不会 CSS,于是就用 table 来布局。table 使用展示表格的。严重违反了 HTML 语义化。
    后来有了专门的写 CSS 的前端,他们会使用 DIV + CSS 布局,主要是用 float 和绝对定位布局。稍微符合了 HTML 语义化。
    再后来,前端专业化,知道 HTML 的各个标签的用法,于是会使用恰当的标签来展示内容,而不是傻傻的全用 div,会尽量使用 h1、ul、p、main、header 等标签

    为了SEO,我们会选择 h1标签来突出标题,用strong标签来突出关键字,这其实就是语义化的体现。SEO的原理其实是分析源码来体现或猜测网站要表达的内容。比如我们想表达某篇文章的标题, 我们或许会这样写:

      <div class="title">文章的标题</div>
    

    但是为了更好的讨好搜索引擎我们最好写成如下形式:

    <h1>文章的标题</h1>
    

    相关文章

      网友评论

        本文标题:为什么要语义化?

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