HTML - mark 标签



HTML <mark> 标签用于标记或突出显示由于标记的段落在封闭上下文中的相关性而对符号目的很重要的文本。默认情况下,<mark> 标签突出显示黄色背景中的文本,<mark> 在 HTML 5 中是新增的。

不要将 <mark> 标签用于语法突出显示目的;我们可以使用 <span> 标签,而不是 <mark>,并应用适当的 CSS。

语法  


<mark> .... </mark>

属性

<mark> 标签支持 HTML 的 全局属性事件属性

<mark> 标签示例

在下面的例子中,我们将看到<mark> 标签的不同例子。每个示例都将说明<mark> 标签的用例。

<mark> 简单示例

在以下示例中,我们将创建一个 HTML 文档并演示 <mark> 标签的用法,如下所示:


<!DOCTYPE html>
<html>
<body>
	 <p> 
			<mark>qikepu</mark> Simply Easy Learning
	 </p>
</body>
</html>

<mark> 使用css样式

考虑以下示例,我们将 <mark> 标签与 CSS 属性一起使用来更改内容的颜色和其他属性。


<!DOCTYPE html>
<html>
<head>
	 <style>
			mark {
				 font-style: italic;
				 background-color: green;
				 padding: 4px;
			}
	 </style>
</head>
<body>
	 <p> 
			<mark>qikepu</mark> Simply Easy Learning</p>
</body>
</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
<mark>  6.0 9.0 4.0 5.0 11.1