HTML ins 语法
在 HTML 中,ins 标签用于表示新增或插入的文本,它常用于文章更新、内容更正等场景。
默认情况下,使用 ins 标签包裹的文字,浏览器通常会以 “下划线” 形式显示,以便强调这些文字是后来添加进去的。
语法:
<ins>新增内容</ins>说明:
ins 标签通常搭配 del 标签一起使用的。ins 表示 “inserted” ,表示被更新的文本;del 表示 “deletion” ,表示被删除的文本。
<p>修改前:<del>旧内容</del></p>
<p>修改后:<ins>新内容</ins></p>ins 标签支持以下 2 个属性:
cite(可选):提供一个链接地址,说明为何添加了该内容。datetime(可选):指定该内容插入的日期时间(ISO 格式)。
注意: ins 标签注重的是标签的语义,如果你只是单纯想要实现下划线效果而无需考虑语义,则应该使用 CSS 的 text-decoration 属性来实现。
HTML ins 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML ins 示例
接下来,我们通过一个简单的例子来讲解一下 HTML ins 标签是如何使用的。
示例:ins 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h3>会议通知</h3>
<p>本周的部门会议时间已更改。</p>
<p>
原定于 <del datetime="2025-10-10T09:00">上午 9:00</del>,
现改为 <ins datetime="2025-10-10T14:00">下午 2:00</ins>。
</p>
</body>
</html>页面效果如下图所示。

