<ins>:插入文字元素
嘗試一下
屬性
此元素包含全域屬性 (en-US)。
cite
-
此屬性定義解釋變更的資源的 URI,例如連結到會議記錄或故障排除系統中的票證。
datetime
-
此屬性指示變更的時間和日期,必須是帶有可選時間字串的有效日期。如果值無法解析為帶有可選時間字串的日期,該元素將沒有相關的時間戳記。有關不帶時間的字串的格式,請參閱有效日期字串的格式 (en-US)。如果字串包含日期和時間,其格式則在有效本地日期和時間字串的格式 (en-US)中有所描述。
範例
html
<ins>This text has been inserted</ins>
結果
可訪問性考慮事項
大多數屏幕閱讀技術在默認配置中不會宣告 <ins>
元素的存在。通過使用 CSS content
(en-US) 屬性以及 ::before
(en-US) 和 ::after
(en-US) 擬似元素,可以使其被宣告。
css
ins::before,
ins::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
ins::before {
content: " [insertion start] ";
}
ins::after {
content: " [insertion end] ";
}
一些使用屏幕閱讀器的人有意禁用宣告內容以避免冗長。因此,重要的是不濫用此技術,僅在不知道內容已插入將對理解產生不利影響的情況下應用它。
技術摘要
內容類別 | 段落型內容、流內容。 |
---|---|
允許的內容 | 透明內容。 |
標籤省略 | None, both the starting and ending tag are mandatory. |
允許的父元素 | 任何接受段落型內容的元素。 |
隱含的 ARIA 角色 | insertion (en-US) |
允許的 ARIA 角色 | 任何 |
DOM 介面 | HTMLModElement (en-US) |
規範
Specification |
---|
HTML Standard # the-ins-element |
瀏覽器相容性
BCD tables only load in the browser
參見
<del>
元素,用於標記刪除到文件的內容