HTML是典型的“入门容易，精通困难”的“语言”，学好它是优秀前端工程师的重要一步！
1、语义类标签是什么？
语义类标签表示了不同的语义，在平时工作中较常用，是HTML5的新特性之一，如header、aside、footer、section、nav等都是语义类标签，和其他非语义类标签如div、span等视觉表现上差不多。
2、为什么要用语义类标签？（优点）
- 语义类标签对开发者更为友好，使用语义类标签增强了可读性，即便是在没有CSS的时候，开发者也能够清晰地看出网页的结构，也更便于团队的开发和维护。
- 除了对人类比较友好之外，语义类标签也十分适宜机器阅读。它的文字表现力丰富，更适合搜索引擎检索（SEO），也可以让搜索引擎爬虫更好地获取到更多有效信息，有效提升网页的搜索量，并且语义类还可以支持读屏软件，根据文章可以自动生成目录等等。
3、不恰当使用语义类标签的坏处（缺点）
不恰当使用会造成负面作用，可能会造成大量冗余标签
使用原则：用对比不用好，不用比用错好！
4、语义类标签使用场景
- 作为自然语言延伸的语义类标签，用来表达补充一定的结构或者消除歧义
- 作为标题摘要的语义类标签，用于表示文章的结构
- 作为整体的语义类标签，用来适应机器阅读 / 读屏软件 / “阅读模式”
5、一些html5标签补充:
（1）abbr标签表示缩写
<abbr title="World Wide Web">WWW</abbr>
（2）有三个跟引述相关的标签：
- blockquote表示段落级引述内容
- q表示行内引述内容
- cite表示引述的作品名
（3）time标签
（4）figure figcaption：用于表示与主文章相关的图像、照片等流内容
（5）dfn标签：放在你要定义的词的前后，包裹被定义的名词
（6）nav ol ul
（7）pre samp code：用于嵌入一些代码和一些预先编写好的段落
（8）其他补充标签
实际上，HTML这种语言，并不像严谨的编程语言一样，有一条非此即彼的线。一些语义的使用其实会带来争议，所以建议尽量只用自己熟悉的语义标签，并且只在有把握的场景引入语义标签。这样，我们才能保证语义标签不被滥用，造成更多的问题。
