HTML中mark标签用于做什么,如何使用
Admin 2022-07-16 群英技术资讯 780 次浏览
关于“HTML中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> 标签。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了css实现悬浮效果的阴影的方法示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
CSS支持多种单位形式,如百分比、px、pt、rem等,百分比和px是常用的单位,随着移动端和响应式的流行,rem、vh、vw也开始普遍使用,这些单位你可能未必知道,想了解?可以戳此文:CSS:7个你可能不认识的单位。今天在SegmentFault社区碰到了两个关于百分比计算的问题,一个是在translate中使用百分比的时候,是相对于哪个DO ...
本文将给大家介绍在前端设计过程中非常实用的一个动态效果,就是在单击按钮时显示按下的动态效果,光说可能大家还不明白是什么效果,我们可以直接看一个动图:不过本文不仅会介绍实
在实际的项目中,我们常会遇到div的需求,为了体现用户选中,一般会有一个打钩标志,这篇我们就来了解一下如何实现选择右下角出现对号打钩的效果,实现效果及代码如下,感兴趣的朋友可以参考。
什么是盒子呢?拿下举例,我们可以把每个红框都比作一个盒子,他们可以是任意的HTML元素。盒子模型所谓盒子模型:就是把HTML页面中的布局元素看作是一个矩形的盒子,也就...
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008