HTML5的mark元素

最新推荐文章于 2024-07-06 16:10:04 发布

xxiaowen

最新推荐文章于 2024-07-06 16:10:04 发布

阅读量1.7k

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/wenzhilanyu2012/article/details/51239675

版权

HTML5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

mark元素主要用来呈现需要突出或高亮显示的文字。mark元素的典型应用是在搜索结果中向用户高亮显示搜索关键词。其使用方法与和有相似之处，但相比而言，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>

效果图

提示：元素的这种高亮显示的特征，除在文档中突出显示外，还通常用于查看搜索结果页面中关键字的高亮显示，其目的主要是引起用户的注意。

注意：元素在使用效果上与或元素有相似之处，但三者的出发点是不一样的。元素是作者对文档中某段文字的重要性进行的强调；元素是作者为了突出文章重点而进行设置；元素是在数据展示是，以高亮形式显示某些字符，与原作者本意无关。

具体代码如下：

<!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>

效果图