<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

瀏覽器相容性

BCD tables only load in the browser

參見

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