您现在的位置是: 首页 » 网页代码 » HTML5的<mark>标签有什么用
网页代码

HTML5的<mark>标签有什么用

网站优化小编十二月 2, 2019 18人已围观

<mark>标签是HTML 5新增的一个标签,定义带有记号的文本。它用于突出显示段落中文本的一部分,可以高亮显示文档中的文字以达到醒目的效果。

网站运营中栏目排名优化技巧

语法:

<mark> 内容文本... </mark>

示例:

<!DOCTYPE html> 
<html> 
    <head>
    	<meta charset="UTF-8">
        <title>mark标签</title> 
    </head> 
    <body> 
        <h2><mark>mark标签</mark></h2> 
          
        <p> 
          <mark>百度百科</mark>是一部内容开放、自由的<mark>网络百科全书</mark>,旨在创造一个涵盖所有领域知识,
          	  服务所有互联网用户的中文知识性<mark>百科全书</mark>。
        </p> 
    </body> 
</html>

效果图:

网站运营中栏目排名优化技巧

上面的突出显示样式是<mark>标签的默认样式,如果觉得不好看,可以使用CSS来设置。

示例:更改<mark>标签文本的字体颜色和背景色

<!DOCTYPE html> 
<html> 
    <head>
    	<meta charset="UTF-8">
        <title>mark标签</title>
        <style type="text/css">
        	mark { 
                background-color:indianred; 
                color:white; 
            } 
        </style>
    </head> 
    <body> 
        <h2><mark>mark标签</mark></h2> 
          
        <p> 
          <mark>百度百科</mark>是一部内容开放、自由的<mark>网络百科全书</mark>,旨在创造一个涵盖所有领域知识,
          	  服务所有互联网用户的中文知识性<mark>百科全书</mark>。
        </p> 
    </body> 
</html>

效果图:

网站运营中栏目排名优化技巧

浏览器支持

● Google Chrome 6.0

● Internet Explorer 9.0

● Firefox 4.0

● Opera 11.1

● Safari 5.0

注意:Internet Explorer 8 及更早版本不支持 <mark> 标签。

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:225天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3139 条
  • 文章评论:18 条
  • 微信公众号:扫描二维码,关注我们