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需要遵守的6个原则(介绍)

html5初窥2之新元素

html5的深入了解

html5之pushstate和popstate操作history无刷新改变当前url的详细介绍

html5实践-在非响应式设计中如何使用viewport meta标签的方法介绍

html5 source标签怎么用?html5 source标签属性介绍

使用html5实现树叶飘落的效果

分享html5中10个经典的动画工具

html5怎么使音乐停止

详解html5中的进度条progress元素简介及兼容性处理的示例代码

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




打赏

取消

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

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

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

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

评论

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