HTML del 语法
在 HTML 中,del 标签用于表示已被删除的文本,比如修改历史、版本变更等。
del 标签会给文本上添加删除线效果,使其在视觉上呈现为已删除的状态,从而告诉用户这部分内容已经被移除或不再有效。
语法:
<del>被删除的文本</del>说明:
del 标签通常搭配 ins 标签一起使用的。del 表示 “deletion” ,表示已被删除的文本;ins 表示 “inserted” ,表示被更新的文本。
del 标签支持以下 2 个属性:
cite(可选):指向一个 URI,该 URI 解释了为什么内容被删除。datetime(可选):指示删除发生的时间和日期。
注意: del 标签注重的是标签的语义,如果你只是单纯想要实现删除线效果而无需考虑语义,应该使用 CSS 的 text-decoration 属性来实现。
HTML del 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 中 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML del 示例
接下来,我们通过一个简单的例子来讲解一下 HTML del 标签是如何使用的。
示例:del 标签的基本用法
<!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>页面效果如下图所示。

分析:
在严格语义下,del 标签更侧重于文档的编辑和修改。如果单纯表示 “不再准确’的内容(如原价)”,我们应该使用 s 标签。
