HTML5基础-Mark标签高亮显示文本

1、mark标签使用

2、mark作用

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

3、mark使用代码

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta  charset=utf-8"/>
 5     <style>
 6         mark {
 7             background-color:#00ff90; font-weight:bold;
 8         }
 9     </style>
10 <title>使用Mark元素高亮显示文本</title>
11 </head>
12 <body>
13
14     <article>
15         <header>
16             <h1>百科</h1>
17         </header>
18         <p>百度百科是一部内容开放、自由的网络<mark>百科</mark>全书,旨在创造一个涵盖所有领域知识,服务所有互联网用户的中文知识性<mark>百科</mark>全书。在这里你可以参与词条编辑,分享贡献你的知识</p>
19     </article>
20 </body>
21 </html>

4、示例效果

5、备注

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

HTML5基础-Mark标签高亮显示文本相关推荐

HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figca ...
html5基础--audio标签元素
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
html中mark标记,html5 mark标签是什么意思?html5 mark标签的作用又是什么？
本篇文章为大家介绍的是html5中的mark标签,文中介绍了包括html5 mark标签中的定义和使用的一些说明,还有,关于html5 mark标签的一些作用和实例代码,mark标签使用简单,就是使文 ...
html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
HTML5基础：布局和标签
一.新的文档类型声明(DTD) HTML 5的文档类型声明为: <!doctype html> <!DOCTYPE html > 也是正确的,因为HTML语法是不区分大小写的. ...
html5结构标签,nav标签,ruby标签,mark标签,cite标签,section标签，article标签
1.html5结构标签 <!DOCTYPE html><html> <head> <meta charset="utf-8"/> & ...
HTML5基础知识整理（一）—— 新增标签和属性
HTML5新特性的浏览器支持情况 http://www.caniuse.com/#index 语义化标签的由来 http://devfiles.myopera.com/articles/572/idl ...
HTML5基础标签有哪些,HTML5基础标签
HTML标签 HTML是标记语言,里面的所有功能都是通过标签来实现的,可以说标签就像一个个"砖块",H5前端开发工程师就像是建筑工人,用这些"砖块"按照一定规则 ...
HTML5语义化标签综合基础案例,HTML5语义化标签综合案例
HTML 标签声明必须是 HTML 文档的第一行,位于标签之前. 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 请始终向 HTML 文档添加 ...

HTML5基础-Mark标签高亮显示文本

HTML5基础-Mark标签高亮显示文本相关推荐

最新文章

热门文章