当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <ins>用法及代码示例


HTML中的<ins>标记用于指定一块插入的文本。 <ins>标记通常用于标记已添加到文档中的文本范围。尽管可以使用CSS text-decoration属性更改此属性,但是Web浏览器会将插入的文本呈现为带下划线的文本。 <ins>标记需要一个开始和结束标记。

用法:

<ins> Contents... </ins>

属性:

范例1:本示例描述了<ins>标记的用法。

html


<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML ins Tag</h2>
  
    <p>
        GeeksforGeeks is a <del>mathematical</del>
        <ins>computer</ins> science portal
    </p>
</body>
  
</html>

输出:



范例2:本示例将<ins>标记与datetime属性一起使用,并且还使用某些CSS样式。

html


<!DOCTYPE html>
<html>
  
<head>
    <style>
        del {
            color:red;
        }
          
        ins {
            color:green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML ins Tag</h2>
  
    <p>
        GeeksforGeeks is a <del>mathematical</del>
        <ins datetime="2018-11-21T15:55:03Z">
            computer
        </ins> science portal
    </p>
</body>
  
</html>

输出:

支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari

相关用法


注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML <ins> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。