欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css :mark标签使用实例

程序员文章站 2022-04-09 17:15:10
...
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>
    </body>
    </html>

语法:

marks : none | crop || cross

参数:

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

说明:

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

示例:

body { marks: crop cross }

以上就是css :mark标签使用实例的详细内容,更多请关注其它相关文章!