html5 mark标签是什么意思?html5 mark标签的作用又是什么?


本文摘自PHP中文网,作者寻∝梦,侵删。

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

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

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

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

HTML5 <mark> 标签实例

部分文本高亮显示:

1

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

html5 Mark标签高亮显示文本

html5中的mark标签使用:

1

<mark></mark>

html5 mark标签的作用:

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

mark作用实例代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!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标签的作用又是什么?的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html5 canvas中绘制字体与图片以及图形模糊问题解决

html5内联svg教程以及与canvas的区别

html5 canvas实现文本对齐的代码总结

如何使用jquery和html5实现手机摇一摇的换衣特效

使用html5的5大原因是什么

5个java开发人员必须重视html5的理由

html5中的progress元素的详细介绍及兼容性处理

如何使用html5中postmessage实现ajax中的post跨域问题的详细介绍

html5 常用标签汇总详情

详细介绍html5简易在线画图工具的实现案例

更多相关阅读请进入《mark》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...