<ins> HTML inserted text element
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.
The <ins> HTML element represents a range of text that has been added to a document. You can use the <del> element to similarly represent a range of text that has been deleted from the document.
Try it
<p>“You're late!”</p>
<del>
<p>“I apologize for the delay.”</p>
</del>
<ins cite="../how-to-be-a-wizard.html" datetime="2018-05">
<p>“A wizard is never late …”</p>
</ins>
del,
ins {
display: block;
text-decoration: none;
position: relative;
}
del {
background-color: #ffbbbb;
}
ins {
background-color: #d4fcbc;
}
del::before,
ins::before {
position: absolute;
left: 0.5rem;
font-family: monospace;
}
del::before {
content: "−";
}
ins::before {
content: "+";
}
p {
margin: 0 1.8rem;
font-family: "Georgia", serif;
font-size: 1rem;
}
Attributes
This element includes the global attributes.
cite-
This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting system.
datetime-
This attribute indicates the time and date of the change and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated timestamp. For the format of the string without a time, see Format of a valid date string. The format of the string if it includes both date and time is covered in Format of a valid local date and time string.
Examples
<ins>This text has been inserted</ins>
Result
Technical summary
| Content categories | Phrasing content, flow content. |
|---|---|
| Permitted content | Transparent. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Implicit ARIA role |
insertion
|
| Permitted ARIA roles | Any |
| DOM interface | HTMLModElement |
Specifications
| Specification |
|---|
| HTML> # the-ins-element> |
Browser compatibility
See also
<del>element for marking deletion into a document