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