HTML <mark> 元素

HTML <mark> 元素表示突出显示的文本,即由于其在特定上下文中的相关性而被标记为参考目的的一段文本。例如,它可以在搜索结果页面中使用,以突出每个搜索词的实例。

部分文本高亮显示:

<p>今天不要忘了买<mark>牛奶</mark></p>

尝试一下 »

截图

部分文本高亮显示

特性

内容类别 流式内容短语内容可触知内容
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLElement

属性

该元素包含全局属性

事件属性

<mark> 元素支持所有 HTML事件属性

使用注意

  • 在一个引用或另一个块中,突出显示的文本通常标记了在引用之外的文本,或者标记为详细的审阅,即使原始作者不认为重要。(注:如 word 中对原有的文本进行审阅)
  • 在正文中,突出显示的文本通常标记可能与用户当前活动特别相关的文本,例如搜索结果。
  • 不要将 <mark> 元素用于语法突出显示; 为此,请使用 <span> 元素配合 CSS 样式。
  • 不要将 <mark> 元素与 <strong> 元素混淆。<strong> 元素用于表示上下文中文本的重要性,而 <mark> 元素用于表示不同上下文中文本的相关性

更多实例

使用 <mark> 高亮文字

<p>&lt;mark&gt;元素用于<mark>高亮显示</mark>文字</p>

尝试一下 »

截图

使用 <mark> 高亮文字

规范

规范 状态 备注
HTML Living Standard
<mark> 的定义
现行的标准 -
HTML5
<mark> 的定义
推荐 -

HTML 4.01 与 HTML5 之间的差异

<mark> 是 HTML5 新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 4 9 11 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 4 支持 支持 支持

相关链接