首页 » 编程语言 » html » 正文

html5标签:mark元素的使用方法及作用

html元素<mark>标签是html5中新增的标签,主要用于突显文本,有关该标签的使用方法及作用详解如下:

<mark>标签的定义

<mark>标签定义一段要高亮显示的文本或关键词;

<mark>标签定义的高亮文本在浏览器中带有黄色背景;

<mark>标签是HTML5新标签。

浏览器支持情况

<mark> 标签已被IE 9+、Firefox、Opera、Chrome 和 Safari 支持;

但在IE8 及更早版本中,是不支持 <mark> 标签的。

<mark>标签的使用

想要高亮显示某个文本或关键词,默认情况下,被标记的高亮文本带有黄色背景。

<p>欢迎光临<mark>刘代码</mark>博客。</p>

以上代码在IE浏览器中显示效果如下:

2020-01-05_232956.png

在主要的文本中,突出显示的文本通常可能和用户当前活动具有某种关联性,比如显示搜索后的关键词.

使用注意:

1、虽然使用 <strong> 标签、<em> 标签同样能达到这样的效果,但是它们的作用是强调文本,并非仅仅是高亮显示文本,因此我们不推荐使用。

2、不要为了语法高亮而用 <mark> 元素; 你应该用 <strong> 元素来实现这个目的(语法高亮)。

3、不要把 <mark> 元素和  <strong> 元素搞混淆. <strong> 元素用来表示文本在上下文的重要性的, 而 <mark> 元素是用来表示上下文的关联性的。



欢迎您发表评论或留言