html-Mark标签高亮显示文本的详解
程序员文章站
2022-03-30 07:59:59
...
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、示例效果
5、备注
使用strong、em元素同样能达到这样的效果,不推荐使用strong、em元素,因为strong、em元素的作用是强调文本,并非仅仅是高亮显示文本。
以上就是html-Mark标签高亮显示文本的详解的详细内容,更多请关注其它相关文章!
上一篇: CSS清除浮动的方法
推荐阅读
-
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
-
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
-
对Xpath 获取子标签下所有文本的方法详解
-
详解让sublime text3支持Vue语法高亮显示的示例
-
Notepad怎么取消高亮显示标签属性? Notepad取消高亮显示的技巧
-
jQuery实现当前页面标签高亮显示的方法_jquery
-
jQuery过滤HTML标签并高亮显示关键字的方法_jquery
-
Javascript特效之高亮显示选中的文本框
-
Jquery 高亮显示文本中重要的关键字_jquery
-
详解让sublime text3支持Vue语法高亮显示的示例