<del>:刪除的文字元素
嘗試一下
此元素通常(但不一定)通過對文本應用刪除線樣式來呈現。
屬性
此元素的屬性包括全域屬性 (en-US)。
cite
-
解釋更改的資源的 URI(例如會議記錄)。
datetime
-
此屬性表示更改的時間和日期,必須是有效的日期字串,帶有可選時間。如果值無法解析為帶有可選時間字符串的日期,則元素將沒有相關的時間戳。關於沒有時間的字串的格式,請參見日期字串 (en-US)。如果字串包含日期和時間,則其格式在本地日期和時間字串 (en-US)中有所介紹。
範例
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
(en-US) 屬性以及 ::before
(en-US) 和 ::after
(en-US) 偽元素使其宣告。
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 (en-US) |
允許的 ARIA 角色 | 任何 |
DOM 介面 | HTMLModElement (en-US) |
規範
Specification |
---|
HTML Standard # the-del-element |
瀏覽器相容性
BCD tables only load in the browser
參見
- 用於將文字插入到文本中的
<ins>
元素 - 用於表示文本刪除而不是僅表示文本刪除的
<s>
(en-US) 元素