<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
# the-ins-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
ins
cite
datetime

Legend

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

Full support
Full support

參見

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