1、<mark>标签的使用
mark 标签用于表示页面中需要突出显示或高亮的一段文本,这段文本对于当前用户具有参考作用。它通常在引用原文以引起读者注意时使用。<mark>标签的作用相当于使用一支荧光笔在打印的纸张上标出一些文字。它与强调不同,对于强调,我们使用<em>标签。但是如果有一些已有的文本,并且想要让文本中没有强调的内容处于显眼的位置,可以使用<mark>标签并将其样式化为斜体等。语法如下:
<mark>文字</mark>
【实例】在页面中高亮显示关键字。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="author" content="pan_junbiao的博客"><title>mark元素应用在网页检索时的示例</title>
</head>
<body><h1>搜索"<mark>HTML 5</mark>",找到相关网页约10,210,000篇,用时0.041秒</h1><section id="search-results"><article><h2><a href="http://developer.51cto.com/art/200907/133407.htm">专题:<mark>HTML 5</mark> 下一代Web开发标准详解_51CTO.COM - 技术成就梦想 ...</a></h2><p><mark>HTML 5</mark>是近十年来Web开发标准最巨大的飞跃</p></article><article><h2><a href="http://paranimage.com/list-of-html-5/"><mark>HTML 5</mark>一览 | 帕兰映像</a></h2><p><mark>html 5</mark>最近被讨论的越来越多,越来越烈...</p></article><article><h2><a href="http://www.chinabyte.com/keyword/HTML+5/"><mark>html 5</mark>_比特网</a></h2><p><mark>HTML 5</mark>提供了一些新的元素和属性,反映典型...</p></article><article><h2><a href="http://www.slideshare.net/mienflying/html5-4921810"><mark>HTML 5</mark>表单</a></h2><p>about <mark>HTML 5</mark> Form,the web form 2.0 tech</p></article></section></body>
</html>
执行结果:
2、mark、strong、em标签的区别
<mark>标签:吸引当前用户的注意。
<strong>标签:用来强调一段文字的重要性。
<em>标签:作者为了突出文章重点而使用。