HTML - <ins> 标签

HTML <ins> 标签表示已插入 HTML 文档的一段文本范围。此插入文本由 Web 浏览器呈现为带下划线的文本。HTML <ins> 标签可以与 <del> 标签一起使用。

语法

<ins> .... </ins>

属性

HTML ins 标签支持 HTML 的全局和事件属性。还有一些特定的属性，列在下面。

属性	值	描述
cite	URL	此属性定义解释更改的资源的 URL。
datetime	YYYY-MM-DDThh:mm:ssTZD	用于指定插入文本的日期和时间。

HTML ins 标签示例

在下面的示例中，我们将看到 ins 元素的不同示例。每个示例都将说明 html ins 标签的使用案例。

使用 del 标签实现 ins

在以下示例中，让我们看看 <ins> 标签与 <del> 标签一起使用的用法。

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
</head>
<body>
   <h1>Tutorialspoint</h1>
   <h2>HTML ins element</h2>
   <p>
      tutorialspoint is a <del>physic classes</del>
      <ins>EdTech company</ins> that provides more 
      than 6000 courses and tutorials
   </p>
</body>
</html>

样式化 ins 和 del 元素

考虑以下示例，我们正在创建一个 HTML 文档并使用 <ins> 标签与 <del> 标签。我们还使用 CSS 属性来设置 ins 和 del 标签内容的样式。

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
</head>
   <style>
   del {
      background-color: #fbb;
      color: #555;
   }

   ins {
      background-color: #d4fcbc;
   }
   </style>
</head>
<body>
   <p>
      There is <del>nothing</del>
      <ins>no code</ins> either good or bad, but 
      <del>thinking</del> <ins>running it</ins>
      makes it so.
   </p>
   <p>
      <del>
         When an unknown printer took a galley of type 
         and scrambled it to make a type specimen book
      </del>.
   </p>
</body>
</html>

使用已接受的属性实现 ins 元素

让我们看一下以下示例，我们正在创建一个 HTML 文档并使用 <ins> 标签以及“cite”和“datetime”属性。

<!DOCTYPE html>
<html>
<head>
   <style>
      del {
         color: red;
      }

      ins {
         color: green;
      }
   </style>
</head>
<body>
   <h1>tutorialspoint</h1>
   <h2>HTML ins Tag</h2>
   <p>
      tutorialspoint is a <del>physics classes</del>
      <ins cite=
"https://tutorialspoint.com/" datetime="2023-06-14T13:50:03Z"> 
      EdTech company</ins> 
      that provides more than 6000 courses and tutorials
   </p>
</body>
</html>

支持的浏览器

标签
ins	是	是	是	是	是

html_tags_reference.htm

打印页面