mark元素主要用来呈现需要突出或高亮显示的文字。mark元素的典型应用是在搜索结果中向用户高亮显示搜索关键词。其使用方法与<em>和<strong>有相似之处,但相比而言,HTML5新增mark元素在突出显示时,更加随意与灵活。
具体代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
作者:wenzhilanyu@126.com
时间:2016-04-25
描述:<mark>元素
-->
<h5>优秀开发人员的<mark>素质</mark></h5>
<p class="p1">
一个优秀的Web开发人员,必须具有
<mark>过硬</mark>的技术与
<mark>务实</mark>的专业精神
</p>
</body>
</html>
效果图
提示:<mark>元素的这种高亮显示的特征,除在文档中突出显示外,还通常用于查看搜索结果页面中关键字的高亮显示,其目的主要是引起用户的注意。
注意:<mark>元素在使用效果上与<em>或<strong>元素有相似之处,但三者的出发点是不一样的。<strong>元素是作者对文档中某段文字的重要性进行的强调;<em>元素是作者为了突出文章重点而进行设置;<mark>元素是在数据展示是,以高亮形式显示某些字符,与原作者本意无关。
具体代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
作者:wenzhilanyu@126.com
时间:2016-04-25
描述:<mark>元素
-->
<h5>优秀开发人员的<mark>素质</mark></h5>
<p class="p1">
一个优秀的Web开发人员,必须具有
<mark>过硬</mark>的技术与
<mark>务实</mark>的专业精神
</p>
<hr color="red"/>
<h5>优秀开发人员的<em>素质</em></h5>
<p class="p2">
一个优秀的Web开发人员,必须具有
<em>过硬</em>的技术与
<em>务实</em>的专业精神
</p>
<hr color="blue"/>
<h5>优秀开发人员的<strong>素质</strong></h5>
<p class="p2">
一个优秀的Web开发人员,必须具有
<strong>过硬</strong>的技术与
<strong>务实</strong>的专业精神
</p>
</body>
</html>
效果图