本篇文章为大家介绍的是html5中的mark标签,文中介绍了包括html5 mark标签中的定义和使用的一些说明,还有,关于html5 mark标签的一些作用和实例代码,mark标签使用简单,就是使文字达到高亮的效果。希望大家认真阅读。

html5 mark标签的定义及使用说明:

<mark> 标签定义带有记号的文本。

请在需要突出显示文本时使用 <mark> 标签。

HTML5 <mark> 标签实例

部分文本高亮显示:

<p>Do not forget to buy <mark>milk</mark> today.</p>

html5 Mark标签高亮显示文本

html5中的mark标签使用:

<mark></mark>

html5 mark标签的作用:

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

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>

html5 mark标签的备注:

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

全局属性

<mark> 标签支持全局属性,查看完整属性表 HTML全局属性。

事件属性

<mark> 标签支持所有 HTML事件属性。

HTML 4.01 与 HTML5之间的差异

<mark> 是 HTML5 新标签。

浏览器支持

Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 标签。

注意:Internet Explorer 8 及更早版本不支持 <mark> 标签。

【相关推荐】

实例教你使用关于html strike标签的使用方法

html noscript标签是什么意思?关于<noscript>标签的用法你了解多少?

以上就是html5 mark标签是什么意思?html5 mark标签的作用又是什么?的详细内容,转载自php中文网

点赞(182) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部