<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>
元素