语义化标签的作用是什么？

很多编程语言都遵循「入门容易，精通困难」。

虽然严格意义上讲，HTML不属于编程语言，但是它也遵循这句话。

大部分人对HTML的理解只局限于：html不就是一个个标签嘛！

学html的时候我们会遇到各种各样的标签，让人眼花缭乱。比如放在head里的元信息类标签，又比如img、video、audio这种替换型媒体标签。

我们这篇文章主要来讲一下：语义类标签。

很多前端开发工程师日常工作的时候都是不用语义化标签的，只靠div和span就能走天下了。

只用div和span行不行呢？

答案是行，但这是不好的。

常见的语义化标签有p、nav、section，其实这几个语义化标签在视觉表现上是差不多的，主要的区别是它们表示了不同的语义。

那使用语义类标签有什么好处呢？

1、语义类标签对开发者很友好，因为增强可读性。让开发者即便在没有css代码的情况下根据html就可以清晰地看出网页的结构，也方便去维护。

2、除了对人类友好，语义化标签对机器也是友好的，十分适宜机器去阅读。因为网站是要做搜索引擎优化（SEO）的，使用语义化标签对SEO这块比较有利。

当然了，不恰当地使用语义标签反而会产生负面的作用。

错误的使用语义标签，有时候会对机器造成误导。

对于语义类标签，我的态度是，「用对」比「不用」好，「不用」比「用错」好。