介绍

mark是一种新的语义元素，可用于标记/突出显示与给定上下文相关的文本。本教程回顾了mark元素的实现。

先决条件

• HTML5 的一般知识。要全面了解 HTML5 标记语言，请浏览我们的系列“如何用 HTML 构建网站”。

使用mark元素

何时可以使用这些mark元素的一个很好的例子是在搜索结果中突出显示关键字。

例如，假设我们搜索了“狗”：

<p>
  Tell your <mark>dog</mark> to behave!
</p>

您可以根据自己的喜好设置标记元素的样式。例如：

mark {
  background-color: rgba(107, 183, 86, 0.95);
  border-bottom: 2px solid rgb(65, 118, 50);
}

这是mark标签的基本用例和实现。

结论

请注意，<mark>不同于<em>或者<strong>在它不添加到高亮显示的内容，这使得它的使用仅限于一些用例的重要性或重点。

要更全面地了解 HTML5 标记语言，请浏览我们的系列，如何用 HTML 构建网站。