html-Mark标签高亮显示文本的详解

程序员文章站 2022-04-09 17:14:58

...

1、mark标签使用

     <mark></mark>

2、mark作用

使用mark标签元素，可以高亮显示文档中的文字以达到醒目的效果。

3、mark使用代码

<!DOCTYPE html>
<html>
<head>
<meta  charset=utf-8"/>
    <style>
        mark {
            background-color:#00ff90; font-weight:bold;
        }
    </style>
<title>使用Mark元素高亮显示文本</title>
</head>
<body>

    <article>
        <header>
            <h1>百科</h1>
        </header>
        <p>百度百科是一部内容开放、*的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科
        </mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
    </article>
</body>
</html>

4、示例效果

html-Mark标签高亮显示文本的详解

5、备注

使用strong、em元素同样能达到这样的效果，不推荐使用strong、em元素，因为strong、em元素的作用是强调文本，并非仅仅是高亮显示文本。

以上就是html-Mark标签高亮显示文本的详解的详细内容，更多请关注其它相关文章！

html-Mark标签高亮显示文本的详解

详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案

详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案

对Xpath 获取子标签下所有文本的方法详解

详解让sublime text3支持Vue语法高亮显示的示例

Notepad怎么取消高亮显示标签属性? Notepad取消高亮显示的技巧

jQuery实现当前页面标签高亮显示的方法_jquery

jQuery过滤HTML标签并高亮显示关键字的方法_jquery

Javascript特效之高亮显示选中的文本框

Jquery 高亮显示文本中重要的关键字_jquery

详解让sublime text3支持Vue语法高亮显示的示例