css ：mark标签使用实例-css教程-PHP中文网

css ：mark标签使用实例

黄舟

发布： 2017-07-08 14:13:50

原创

4322人浏览过

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/10684">
                            <img src="https://img.php.cn/upload/webcode/000/000/013/176327820790052.jpg" alt="传媒公司模板(RTCMS)1.0">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/10684">传媒公司模板(RTCMS)1.0</a>
                            <p>传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目，如果修改栏目，需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML，安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据，安装时可选择演示安装或全新安装。如果全新安装，后台内容充实后，首页才能完全显示出来。（全新安装后可以删除演示数据用到的图片，目录在https://</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="传媒公司模板(RTCMS)1.0">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/10684" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="传媒公司模板(RTCMS)1.0">
                        </a>
                    </div>
                <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
    </body>
    </html>

登录后复制

语法：

marks : none | crop || cross

登录后复制

参数：

none : 　无页标记出现
crop : 　在页面将会被裁切处指定切割标记
cross : 　指定交叉线标记用来供页面对齐

说明：

印刷业的印刷文档通常在页面内容区域外带有一些标记，用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。
目前IE5.5尚不支持此属性。
对应的脚本特性为marks。请参阅我编写的其他书目。

示例：