html：mark标签的使用详解-html教程-PHP中文网

html：mark标签的使用详解

黄舟

发布： 2017-06-29 10:40:24

原创

3536人浏览过

mark标签：

mark元素表示页面中需要突出或高亮显示的内容，在搜索结果中也常常出现，比如检索结果中的关键词高亮显示。

案例：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5每日一练之mark标签的应用</title>
</head>
<body>
<p>HTML5|CSS3|论坛 | <mark>前端开发!</mark></p>
<p>HTML5论坛,CSS3论坛,CSS论坛,WEB前端开发论坛,教程资源完全免费的网页教学网</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11073">
                            <img src="https://img.php.cn/upload/webcode/000/000/019/176485140748394.jpg" alt="ShoopD 网上商店系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11073">ShoopD 网上商店系统</a>
                            <p>用 php + mysql 驱动的在线商城系统，我们的目标为中国的中小企业及个人提供最简洁，最安全，最高效的在线商城解决方案，使用了自建的会员积分折扣功能，不同的会员组有不同的折扣，让您的商店吸引更多的后续客户。 系统自动加分处理功能，自动处理会员等级，免去人工处理的工作量，让您的商店运作起来更方便省事 采用了自建的直接模板技术，免去了模板解析时间，提高了代码利用效率 独立开发的购物车系统，使用最</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="ShoopD 网上商店系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11073" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="ShoopD 网上商店系统">
                        </a>
                    </div>
                
</body>
</html>

登录后复制

定义和用法

标签定义带有记号的文本。请在需要突出显示文本时使用标签。

以上就是html：mark标签的使用详解的详细内容，更多请关注php中文网其它相关文章！