<ins>：插入文字元素

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.

<ins> HTML 元素代表已添加到文件的一段文字範圍。你可以使用 <del> 元素來類似地表示已從文件中刪除的文字範圍。

嘗試一下

屬性

此元素包含全域屬性。

cite: 此屬性定義解釋變更的資源的 URI，例如連結到會議記錄或故障排除系統中的票證。
datetime: 此屬性指示變更的時間和日期，必須是帶有可選時間字串的有效日期。如果值無法解析為帶有可選時間字串的日期，該元素將沒有相關的時間戳記。有關不帶時間的字串的格式，請參閱有效日期字串的格式。如果字串包含日期和時間，其格式則在有效本地日期和時間字串的格式中有所描述。

範例

html

<ins>This text has been inserted</ins>

結果

可訪問性考慮事項

大多數屏幕閱讀技術在默認配置中不會宣告 <ins> 元素的存在。通過使用 CSS content 屬性以及 ::before 和 ::after 擬似元素，可以使其被宣告。

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] ";
}

一些使用屏幕閱讀器的人有意禁用宣告內容以避免冗長。因此，重要的是不濫用此技術，僅在不知道內容已插入將對理解產生不利影響的情況下應用它。

技術摘要

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

規範

Specification
HTML Standard # the-ins-element

瀏覽器相容性

BCD tables only load in the browser

參見

<del> 元素，用於標記刪除到文件的內容