<del>: 删除文本元素
试一试
此元素通常(但不必)通过对文本应用删除线样式来渲染。
属性
此元素的属性包括 全局属性。
引用
-
解释更改的资源的 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>
结果
技术总结
规范
规范 |
---|
HTML 标准 # the-del-element |
浏览器兼容性
BCD 表格仅在浏览器中加载