浅谈前端语义化

什么是前端语义化

首先要明确一点语义化不仅仅局限于前端开发，后端开发同样的也是需要语义化的。你可以浅显的理解为语义化就是 见名知义。比如我们在开发html文档的时候，一般都会选择将标题放入标题标签中（H1~H6），而不是放入一个div标签中，虽然这其中也牵扯到标题标签自带一些标题属性的原因，但是绝大多时候你都是因为你所写的内容是一个标题，而将其放入标题标签中。

为什么会出现语义化

语义化为什么会出现，并且会流行起来呢？人对于一些不是自己创作出来的事物，都会有很大的陌生感，对于不熟悉或认识不全面的事物一般都是按照自己本身的思维逻辑进行解读，比如我们日常生活中对于一些复杂的汉字很多时候只认识文字的一半就为其配上自己的拼音，这显然不对的。人是聪敏的，为了让更多的人快速接受自己的东西，就会出现注释说明这样的东西，哪怕初始者不认识自己的作品，一个通俗的注释，就可以让初始者快速知道自己所写的内容。放到我们前端开发中，就是根据内容的属性放入合适的标签，让初始者可以快速的了解自己的作品。比如 将一个标题放入H1标签中，哪怕不认识标题内容，也可以知道他是一个标题（不要抬杠）。

上述的内容知识语义化出现的一部分，还有很多原因。机器有有时候也要借助语义来快速的获取文档的内容。等等等还有好多。

当大家发现这种方式比较好用，符合实际需求，他便成为一种主流行。

使用语义化的好处

1 方便机器阅读我们的代码

        如屏幕阅读器、盲人阅读器、移动设备

2 有利于团队开发和维护

        语义化标签极大的提高了我们的代码可读性，这样开发人员能互相看懂代码的结构

3 有利于搜索引擎的爬虫

        搜索引擎的爬虫，是靠语义化标签内部的关键字，确定它的上下文权重。如果在开发时适当使用，那么我们的页面能在搜索引擎上排名靠前。

4 提升客户体验

        去掉或者丢失样式的时候能够让页面呈现出清晰的结构。