<mark>: 标记文本元素
<mark> HTML 元素表示标记或突出显示的文本，用于参考或注释目的，因为标记的段落与包含它的上下文中相关。
试一试
属性
此元素只包含全局属性。
使用注意事项
<mark> 的典型用例包括
- 当用在引号 (
<q>) 或块引用 (<blockquote>) 中时，它通常表示对用户特别感兴趣的文本，但不在原始源材料中标记，或者需要特别审查的材料，即使原始作者认为它并不特别重要。想象一下，这就像在书中使用荧光笔标记你感兴趣的段落。 - 否则，
<mark>表示文档内容中可能与用户当前活动相关的部分。例如，这可能用于指示与搜索操作匹配的单词。 - 不要使用
<mark>进行语法高亮显示；相反，请使用<span>元素，并应用相应的 CSS。
注意： 不要将<mark>与<strong>元素混淆；<mark>用于表示具有相关性程度的内容，而<strong>表示具有重要性的文本跨度。
无障碍性
大多数屏幕阅读技术在其默认配置中不会宣布mark元素的存在。可以使用 CSS content属性以及::before和::after伪元素来使其被宣布。
css
mark::before,
mark::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
mark::before {
content: " [highlight start] ";
}
mark::after {
content: " [highlight end] ";
}
一些使用屏幕阅读器的人会故意禁用宣布创建额外冗长性的内容。因此，重要的是不要滥用此技术，而仅在不知道内容已被突出显示会不利于理解的情况下使用它。
示例
标记感兴趣的文本
在第一个示例中，<mark>元素用于标记引文中对用户特别感兴趣的某些文本。
html
<blockquote>
It is a period of civil war. Rebel spaceships, striking from a hidden base,
have won their first victory against the evil Galactic Empire. During the
battle, <mark>Rebel spies managed to steal secret plans</mark> to the Empire's
ultimate weapon, the DEATH STAR, an armored space station with enough power to
destroy an entire planet.
</blockquote>
结果
识别上下文敏感段落
此示例演示了使用<mark>标记段落中的搜索结果。
html
<p>
It is a dark time for the Rebellion. Although the Death Star has been
destroyed, <mark class="match">Imperial</mark> troops have driven the Rebel
forces from their hidden base and pursued them across the galaxy.
</p>
<p>
Evading the dreaded <mark class="match">Imperial</mark> Starfleet, a group of
freedom fighters led by Luke Skywalker has established a new secret base on
the remote ice world of Hoth.
</p>
为了帮助区分<mark>在搜索结果中的使用与其他潜在使用方式，此示例将自定义类"match"应用于每个匹配项。
结果
技术摘要
规范
| 规范 |
|---|
| HTML 标准 # the-mark-element |
浏览器兼容性
BCD 表格仅在浏览器中加载