HTML <mark> 元素
HTML <mark>
元素表示突出显示的文本,即由于其在特定上下文中的相关性而被标记为参考目的的一段文本。例如,它可以在搜索结果页面中使用,以突出每个搜索词的实例。
部分文本高亮显示:
<p>今天不要忘了买<mark>牛奶</mark>。</p>
特性
内容类别 | 流式内容,短语内容,可触知内容。 |
---|---|
允许的内容 | 短语内容。 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受短语内容的元素。 |
允许的 ARIA 角色 | 任意 |
DOM 接口 | HTMLElement |
属性
该元素只包含全局属性。
事件属性
<mark>
元素支持所有 HTML事件属性。
使用注意
- 在一个引用或另一个块中,突出显示的文本通常标记了在引用之外的文本,或者标记为详细的审阅,即使原始作者不认为重要。(注:如 word 中对原有的文本进行审阅)
- 在正文中,突出显示的文本通常标记可能与用户当前活动特别相关的文本,例如搜索结果。
- 不要将
<mark>
元素用于语法突出显示; 为此,请使用<span>
元素配合 CSS 样式。 - 不要将
<mark>
元素与<strong>
元素混淆。<strong>
元素用于表示上下文中文本的重要性,而<mark>
元素用于表示不同上下文中文本的相关性。
更多实例
<mark>
高亮文字
使用 <p><mark>元素用于<mark>高亮显示</mark>文字</p>
规范
规范 | 状态 | 备注 |
---|---|---|
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 | 支持 | 支持 | 支持 |