HTML ins 标签

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>

页面效果如下图所示。

HTML ins标签示例

上一篇: del

下一篇: address

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号