HTML mark 语法
在 HTML 中，mark 标签用于高亮显示某些内容，让用户一眼就能注意到这部分内容。它常用于搜索结果、批注、重点提示等场景，相当于在网页中 “用荧光笔画重点”。
语法：
<mark>高亮文本</mark>说明：
mark 与 strong、em 不同，strong 表示内容的强重要性，em 表示内容的轻微强调，而 mark 则更多地用于在特定上下文中对文本进行标记或高亮，使其引起读者注意。例如：
- 搜索结果高亮：当用户搜索某个关键词时，将搜索结果中的关键词进行高亮显示。
- 引用或代码中的特殊标记：在引用或代码片段中，突出显示需要特别关注的部分。
- 文本批注或强调：在一段文本中，临时标记出需要特别注意或评论的部分。
提示: mark 标签内一般只会包含文本内容，不会包含其他 HTML 标签。
HTML mark 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML mark 示例
接下来，我们通过一个简单的例子来讲解一下 HTML mark 标签是如何使用的。
示例：mark 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h3>搜索结果：HTML</h3>
<p>
<mark>HTML</mark> 是超文本标记语言，是构建 Web 的基础。
</p>
</body>
</html>页面效果如下图所示。
分析：
mark 标签会使用黄色背景来突出其包含的文本，这种效果的用户体验是比较差的。在实际项目开发中，我们很少会使用它的默认样式，而更多是使用 CSS 来控制样式。
strong、em 与 mark 的区别
strong、em 与 mark 这 3 个标签都有 “强调” 的意思，但它们在于语义、SEO、外观等方面都有明显区别（如下表所示）。
| 标签 | 语义 | SEO | 显示样式 | 应用场景 |
|---|---|---|---|---|
| strong | 强烈强调 | 会被赋予权重 | 加粗 | 强烈重要的文本 |
| em | 轻微强调 | 会被赋予权重 | 斜体 | 强烈文本的语气（语调） |
| mark | 标记高亮 | 不会被赋予权重 | 高亮 | 突出需要特别注意的文本 |
