「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」。

什么是语义化标签

HTML 是超文本标记语言，这个不用多说，大家都知道
生活中，我们或多或少都有过写论文的需求，比如毕业论文。一篇合格的论文，对文章中标题格式，段落划分，字体种类，字号大小，行间距，字间距等样式的要求是非常严格的
这些在前端页面，其实都可以用标签来表示，然后加一些 css 样式进行美化。
- 表示标题可以用 h1~h6 等标签，表示段落可以用 p 标签等...
之所以前端页面能用标签做到这些，是因为 HTML 规范制定时的小组成员大多数是来自于印刷排版届的专家
在实际开发中，我们用的最多的可能是 div、span 等标签来构建页面
- 这些标签的使用，相对而言就不够语义化
- 虽然可以使用 class 来表示标签内容，以符合语义化的原则，但是这样未免过于繁琐，且不易于代码的维护，显然这种方案不够优雅
在 HTML 的第五个重大更新版本中，提供了更多的语义化标签，来丰富页面标签的种类，以支持更精准的标签语义化
使用语义化标签来构建页面的好处显而易见
- 更优雅的代码结构，更易于代码书写与维护
- 更容易被特殊设备解析标签内容，如屏幕阅读器，盲人阅读器等
- 更容易被搜索引擎解析抓取，更利于 SEO 优化

如何使用语义化标签

单词意思：块引用，一段长的应用
标签意思：这个标签用来表示大段引用文本，它有个 cite 属性，用来表示网络引用的链接 URL
类似的还有
- 标签 q，是用来表示非常短的行内引用文本，它也有 cite 属性，也是表示网络引用的链接 URL
- 标签 cite，是用来表示引用的来源，可以用它来包含引用的文章标题等
让我们来看它在 wiki 页面中的用法，如下面图中红框所示：