是语义化插入标记，必须带合规 datetime 属性、与 搭配使用，并避免嵌套交互元素或滥用为装饰；否则丧失无障碍与 seo 价值。
INS 标签不是装饰性下划线，而是语义容器
直接把 <ins></ins> 当成加粗或高亮用，等于废掉它的核心价值。它不触发事件、不参与表单提交、也不影响 SEO 权重，唯一作用是告诉浏览器和辅助技术：“这部分文本是后来插入的”。屏幕阅读器会读作“已插入”，搜索引擎可能据此识别内容更新节奏——但前提是结构合规。
常见错误包括：<ins>限时抢购！</ins>（无编辑行为，纯运营话术）、<button><ins>¥99</ins></button>（嵌套交互元素导致无障碍播报异常）、或只用 <ins></ins> 不配 <del></del>（价格变动失去对比语义）。
必须带 datetime 属性才具备机器可读语义
光写 <ins>¥149</ins> 等同于没写。datetime 是让机器理解“什么时候改的”唯一依据，缺了就只剩一条下划线。
- 合规格式只有两种：
datetime="2026-04-28T09:15:22Z"（UTC）或datetime="2026-04-28T17:15:22+08:00"（带时区） - 这些写法无效：
datetime="2026-04-28"（缺时分秒）、datetime="2026/04/28"（非 ISO 8601）、datetime="now()"（模板未渲染） - 动态插入时，别用
innerHTML = '<ins>...</ins>'——会丢掉 datetime；应先document.createElement('ins')，再setAttribute('datetime', ...)
与 DEL 搭配使用才能形成完整修订语义
单独 <ins></ins> 在价格、条款、数据类场景中几乎无意义。用户需要感知“变少了”或“新增了”，靠的是删旧留新形成的视觉+语义对比。
正确结构示例：<del datetime="2026-03-15T10:00:00Z">¥299</del><ins datetime="2026-06-20T14:30:00Z">¥199</ins>
注意两点：
-
<del></del>和<ins></ins>必须成对闭合，且不能跨块级元素乱套（如<ins><p>段落</p></ins>合法但易因 CSS 塌陷出问题） - 富文本编辑器粘贴后常漏闭合标签，务必在 Elements 面板里检查 DOM 是否完整
包裹块级内容时 display 必须显式声明
<ins></ins> 默认是 inline 元素，但规范允许它包含 <p></p>、<ul></ul> 等块级内容。直接套用会导致换行丢失、列表缩进错乱、margin 塌陷等问题。
稳妥方案只有两个：
- 给
ins加 CSS：display: inline-block（比block更安全，避免意外触发 BFC） - 不包整块结构，改用多个内联
<ins></ins>分别包裹每句文本、每个<li>内容
真正难的不是怎么写，而是判断哪些修改值得标记：法律条文修订要，运营弹窗文案不用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
