<del>: 删除文本元素

基线 广泛可用

此功能已得到完善,并在许多设备和浏览器版本中运行。它已在浏览器中提供,自 2015 年 7 月.

<del> HTML 元素表示从文档中删除的一段文本。例如,这可以用于渲染“跟踪更改”或源代码差异信息。 <ins> 元素可以用于相反的目的:指示已添加到文档中的文本。

试一试

此元素通常(但不必)通过对文本应用删除线样式来渲染。

属性

此元素的属性包括 全局属性

引用

解释更改的资源的 URI(例如,会议纪要)。

日期时间

此属性指示更改的时间和日期,必须是有效的日期字符串,并带有一个可选的时间。如果该值无法解析为带有一个可选时间字符串的日期,则该元素没有关联的时间戳。有关没有时间的字符串格式,请参见 日期字符串。如果字符串包含日期和时间,则字符串格式在 本地日期和时间字符串 中介绍。

无障碍

大多数屏幕阅读器技术在其默认配置中不会宣布 del 元素的存在。可以通过使用 CSS content 属性以及 ::before::after 伪元素来使其宣布。

CSS
del::before,
del::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

del::before {
  content: " [deletion start] ";
}

del::after {
  content: " [deletion end] ";
}

一些使用屏幕阅读器的人会故意禁用宣布创建额外冗长的内容。因此,重要的是不要滥用此技术,而应仅在不知道内容已被删除会对理解产生负面影响的情况下应用它。

示例

HTML
<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
<del><p>This paragraph has been deleted.</p></del>

结果

技术总结

内容类别 短语内容流内容
允许的内容 透明.
标签省略 无,开始标签和结束标签都是必需的。
允许的父级 任何接受 短语内容 的元素。
隐式 ARIA 角色 删除
允许的 ARIA 角色 任何
DOM 接口 HTMLModElement

规范

规范
HTML 标准
# the-del-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

  • <ins> 元素用于插入文本
  • <s> 元素用于删除线,与表示删除文本分开