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实现树叶飘落的效果

h5如何做出碎片式的图片切换

html5语义化标记section和article实例详解

html5实现把上传的图片转成base64编码在显示(代码实例)

html5中websocket是什么意思

html5 canvas如何实现代码流瀑布?(附代码)

详解h5的自定义属性data-*

html5单页面手势滑屏切换原理分析

html5的集合

html5停止(暂停)当前播放的音频或视频的方法pause()

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




打赏

取消

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

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

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

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

评论

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