HTML del 标签

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>

页面效果如下图所示。

HTML del标签示例

分析:

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

上一篇: dfn

下一篇: ins

给站长反馈

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

邮箱:lvyenet@vip.qq.com

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