Del 和 Ins 是 HTML5 中用于标记文本修订的语义化标签：Del 表示被删除的内容并默认显示删除线，支持 cite 和 datetime 属性；Ins 表示被插入的内容并默认下划线或高亮，同样支持 cite 和 datetime；二者配合使用可清晰表达修改意图与时间顺序，具有重要语义价值和可访问性优势。
Del 和 Ins 是 HTML5 中专用于标记文本修订的语义化标签：前者表示被删除的内容，后者表示被插入的内容。它们不改变文本结构，但明确传达“谁在何时改了什么”的编辑意图，是网页内容版本演进的轻量级记录方式。
Del：显式标出被移除的信息
Del 标签包裹的内容默认以删除线（strikethrough）样式呈现，视觉上直观反映“此处曾存在、现已撤回”。它支持 cite 属性注明修改依据（如引用修订说明文档），以及 datetime 属性记录精确到秒的删除时间（格式为 ISO 8601，例如 2024-03-15T14:22:07+08:00）。实际使用中，仅加 Del 标签不自动保存历史，需配合服务端逻辑或前端脚本存档变更点。
Ins：清晰标识新增的文本片段
Ins 标签默认以下划线或高亮样式突出新内容，同样支持 cite 和 datetime 属性，用于说明插入来源与发生时刻。与 Del 配合使用时，可形成可读性强的修订对，例如： 原句是苹果很好吃应季水果更健康。
这种写法让读者一眼识别改动范围与时间顺序。
语义价值远超视觉样式
Del 和 Ins 的核心作用是传递语义而非控制外观。屏幕阅读器会朗读“已删除”或“已插入”，帮助视障用户理解内容演变；搜索引擎也可能据此判断页面更新活跃度；协作编辑工具（如基于 Web 的文档系统）可解析这些标签提取变更摘要。若仅用 CSS 模拟删除线或下划线，将丢失机器可读的修订元数据。
注意事项与常见误区
Del 和 Ins 应用于文本级内容，不适用于整块结构（如删除一个 div 应该操作 DOM 而非包裹 del）；
datetime 值必须符合规范，否则可能被忽略；
多个连续修订建议嵌套使用，避免语义混乱（例如不要在 ins 内再套 del 来表达“删后再加”，而应分步标记）；
浏览器默认样式可被 CSS 覆盖，但不应完全移除视觉提示，以免影响可访问性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
