<del>:刪除的文字元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<del> HTML 元素代表從文件中刪除的文字範圍。例如,這可用於渲染「跟踪更改」或源代碼差異信息。<ins> 元素可用於相反的目的:指示已添加到文檔中的文字。

嘗試一下

此元素通常(但不一定)通過對文本應用刪除線樣式來呈現。

屬性

此元素的屬性包括全域屬性

cite

解釋更改的資源的 URI(例如會議記錄)。

datetime

此屬性表示更改的時間和日期,必須是有效的日期字串,帶有可選時間。如果值無法解析為帶有可選時間字符串的日期,則元素將沒有相關的時間戳。關於沒有時間的字串的格式,請參見日期字串。如果字串包含日期和時間,則其格式在本地日期和時間字串中有所介紹。

範例

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>

結果

無障礙議題

在默認配置中,大多數螢幕閱讀技術不會宣告 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] ";
}

一些使用螢幕閱讀器的人故意禁用宣告創建額外冗長的內容。因此,重要的是不要濫用此技術,只在不知道內容已被刪除會對理解產生不良影響的情況下應用它。

技術摘要

內容類型 段落型內容流內容
允許的內容 透明內容模型
標籤省略 不允許,開始和結束標籤都是必須的。
允許的父元素 任何接受段落型內容的元素。
隱含的 ARIA 角色 deletion
允許的 ARIA 角色 任何
DOM 介面 HTMLModElement

規範

Specification
HTML Standard
# the-del-element

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
del
cite
datetime

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

參見

  • 用於將文字插入到文本中的 <ins> 元素
  • 用於表示文本刪除而不是僅表示文本刪除的 <s> 元素