<ins>:插入文字元素
試一試
屬性
此元素包含 全域性屬性。
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>
結果
技術摘要
規範
| 規範 |
|---|
| HTML 標準 # the-ins-element |
瀏覽器相容性
BCD 表格僅在瀏覽器中載入
另請參閱
- 用於將刪除標記到文件中的
<del>元素