<ins>:插入文字元素

基線 廣泛可用

此功能已得到良好建立,並且可以在許多裝置和瀏覽器版本上執行。它自以下日期起在所有瀏覽器中都可用: 2015 年 7 月.

<ins> HTML 元素表示已新增到文件中的文字範圍。您可以使用 <del> 元素以類似的方式表示已從文件中刪除的文字範圍。

試一試

屬性

此元素包含 全域性屬性

cite

此屬性定義瞭解釋更改的資源的 URI,例如指向會議記錄的連結或故障排除系統中的工單。

datetime

此屬性指示更改的時間和日期,並且必須是有效的日期,並帶有一個可選的時間字串。如果該值無法解析為帶有可選時間字串的日期,則該元素不具有關聯的時間戳。有關不帶時間的字串格式,請參閱 有效日期字串格式。如果字元串同時包含日期和時間,則其格式在 有效本地日期和時間字串格式 中進行了說明。

無障礙訪問

大多數螢幕閱讀器在其預設配置下不會宣佈<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] ";
}

一些使用螢幕閱讀器的人會故意停用宣佈建立額外冗長的內容。因此,重要的是不要濫用此技術,並且僅在不知道插入的內容會對理解產生不利影響的情況下使用它。

示例

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

結果

技術摘要

內容類別 短語內容流內容
允許的內容 透明的.
標籤省略 無,起始和結束標籤都是必須的。
允許的父元素 任何接受短語內容的元素。
隱式 ARIA 角色 插入
允許的 ARIA 角色 任何
DOM 介面 HTMLModElement

規範

規範
HTML 標準
# the-ins-element

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱

  • 用於將刪除標記到文件中的<del>元素