Etiqueta HTML <ins>
La etiqueta <ins> se utiliza para definir una parte del texto que ha sido insertada en el documento. En el navegador, el contenido de la etiqueta se muestra como texto subrayado, aunque esto se puede cambiar con la propiedad CSS text-decoration.
La etiqueta <ins> suele utilizarse junto con la etiqueta <del>, que contiene la parte del texto eliminada. El contenido de este elemento se muestra como texto tachado.
Los lectores de pantalla modernos suelen anunciar automáticamente el texto insertado. Para una mejor accesibilidad, también puedes utilizar el atributo aria-label para proporcionar contexto adicional si es necesario.
Sintaxis
La etiqueta <ins> se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<ins>) y cierre (</ins>).
Ejemplo de la etiqueta HTML <ins>:
Etiqueta HTML <ins>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>She likes <del datetime="2023-01-01">violets</del> <ins datetime="2023-10-01">snowdrops</ins>.</p>
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <ins> con las propiedades CSS:
Ejemplo de la etiqueta HTML <ins> con las propiedades CSS
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
ins {
font-size: 16px;
font-weight: bold;
color: red;
}
ins::before {
content: " - ";
}
</style>
</head>
<body>
<p>
<q>You only live once, but if you do it right, once is enough.</q>
<ins>Mae West</ins>
</p>
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| cite | URL | Indica la URL del documento que explica la razón de la inserción. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Define la fecha y hora de la inserción. |
La etiqueta <ins> también admite los Atributos globales y los Atributos de eventos.
Práctica
¿Qué representa la etiqueta HTML <ins>?