Etiqueta ins en HTML: contenido añadido en una revisión

La etiqueta <ins> en HTML marca contenido añadido al documento durante una revisión. Úsala cuando quieras identificar qué se incorporó a un aviso, una condición o un texto corregido. Por ejemplo, permite mostrar que un comercio ha añadido los sábados a su horario; el navegador suele presentar la adición subrayada.

<p>Horario: <ins datetime="2026-10-03">también abrimos los sábados</ins>.</p>

El resultado muestra «Horario: también abrimos los sábados.», con la frase interior identificada como contenido incorporado. datetime indica la fecha de la revisión, pero no añade una fecha visible. Para probar este ejemplo, pega el párrafo dentro del <body> del documento completo que aparece más adelante.

Si cambias el texto interior por «abrimos los domingos», cambiará la adición publicada. Si retiras solo <ins> y </ins>, conservando la frase, seguirá leyéndose el mismo horario, pero desaparecerán el significado de adición y su subrayado habitual. Cambiar únicamente datetime no modifica el texto mostrado.

Sintaxis y contexto válido

Escribe <ins>Contenido añadido</ins> con apertura y cierre: ninguna de las dos etiquetas se puede omitir. El elemento pertenece al contenido de frase y de flujo. Su modelo de contenido es transparente: lo que contiene debe estar permitido en el contexto donde se coloca.

Dentro de un <p> puede envolver palabras, enlaces o énfasis, pero no otro párrafo. En un contenedor que admita contenido de flujo, como <div>, puede marcar un párrafo completo:

<div>
  <p>La biblioteca abre de lunes a viernes.</p>
  <ins datetime="2026-10-03">
    <p>Desde esta revisión, también abre los sábados por la mañana.</p>
  </ins>
</div>

El segundo párrafo se identifica como añadido. Para probarlo, sustituye el contenido del <body> por este <div>. Marca los párrafos explícitamente y cierra cada cambio dentro de su estructura; evita empezar una inserción a mitad de una frase y terminarla atravesando otros párrafos. La definición de <ins> y las modificaciones entre párrafos explica ese modelo.

La transparencia tampoco autoriza envolver un <li> con <ins> directamente bajo <ul>. Pon la marca dentro del <li>; en una tabla, dentro de las celdas correspondientes. Las reglas del padre siguen aplicándose.

Ins frente a u: elige por el significado

¿Ins y u son equivalentes? No. Aunque ambos suelen verse subrayados, <ins> expresa una adición editorial. <u> identifica una anotación no textual que se representa visualmente, como la marca de una palabra mal escrita; no significa que esa palabra se haya añadido. Consulta la definición normativa de <u>.

Si solo buscas decorar un texto con subrayado, utiliza CSS con text-decoration: underline sobre el elemento apropiado. El aspecto no determina la semántica: quitar el subrayado a <ins> no elimina su significado, y subrayar un <span> no lo convierte en una inserción.

Ejemplo práctico: cambiar una condición de reserva

Este aviso de ejemplo conserva una condición eliminada con <del> y presenta la nueva con <ins>. Guarda el documento como reserva.html en UTF-8 y ábrelo en un navegador. Incluye toda la demostración y no necesita servidor, archivos adicionales, CSS ni JavaScript.

<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Revisión de las reservas del taller</title>
  </head>
  <body>
    <h1>Reservas del taller</h1>
    <p>
      Condición anterior:
      <del cite="#motivo-revision" datetime="2026-10-03">reserva con siete días de antelación</del>.
      Condición vigente:
      <ins cite="#motivo-revision" datetime="2026-10-03">reserva con dos días de antelación</ins>.
    </p>
    <p>
      Actualizado el
      <time datetime="2026-10-03">3 de octubre de 2026</time>.
      <a href="#motivo-revision">Consultar el motivo del cambio</a>.
    </p>
    <p id="motivo-revision">
      Se reduce la antelación de siete a dos días porque ahora podemos
      confirmar las plazas disponibles con menos tiempo.
    </p>
    <p>Para tu próxima reserva, avisa al menos dos días antes del taller.</p>
  </body>
</html>

1. Lee la comparación: normalmente la condición anterior aparece tachada y la vigente subrayada. Los rótulos y la última frase explican qué condición debes aplicar, aunque cambie el estilo predeterminado.
2. Comprueba la fecha visible. Se escribió expresamente con <time>; no apareció por añadir datetime a las marcas del cambio.
3. Pulsa Tab hasta llegar al enlace y actívalo con Enter. Su destino es la explicación del mismo archivo. cite apunta a esa explicación como metadato, pero no crea ese enlace: lo hace <a>.
4. Cambia «dos días» por «tres días» en la condición nueva y actualiza también la explicación y la instrucción final. Las etiquetas no mantienen esos textos sincronizados. Si retiras solo la marca <ins>, su texto permanece, pero deja de identificarse como añadido.

Reduce la ventana y prueba con JavaScript desactivado: todo el aviso y su enlace deben seguir disponibles. Para comprobar que el cambio no depende del estilo, añade temporalmente style="text-decoration: none" a <ins> y <del>. Los rótulos y la explicación conservarán el antes y el después sin subrayado ni tachado.

Atributos para documentar la revisión

<ins> comparte dos atributos específicos con <del>. Son opcionales: omítelos si desconoces la fecha o no tienes una fuente que explique la modificación.

• cite recibe la URL de un documento o fragmento que explica el cambio, como #motivo-revision en el aviso.
• datetime indica la fecha de la modificación, con hora opcional; por ejemplo, 2026-10-03.

Para datetime, utiliza una fecha completa válida. Si añades hora, incluye también la zona, como en 2026-10-03T10:30:00-06:00 o 2026-10-03T16:30:00Z. Una fecha como 03/10/2026, un mes aislado o una hora sin zona no cumplen la sintaxis normativa de fecha con hora opcional. La fecha pertenece a la revisión, no necesariamente al evento mencionado.

Los atributos comunes de <ins> y <del> aportan metadatos; escribe aparte la fecha y la fuente que el lector necesite ver. El atributo cite tampoco es el elemento <cite>, que marca el título de una obra.

También puedes usar atributos globales como id, class, lang y style. text-decoration es una propiedad CSS para la apariencia; dateTime, con T mayúscula, es una propiedad DOM que JavaScript puede consultar. Son conceptos distintos del atributo HTML datetime.

Accesibilidad, errores y preguntas frecuentes

Explica las modificaciones con texto visible y no solo con subrayado, tachado o color. MDN advierte que muchos lectores de pantalla no anuncian <ins> en su configuración habitual. El aviso conserva una comparación explícita y una instrucción vigente; no promete un anuncio idéntico en todas las tecnologías de asistencia.

¿Ins registra cambios por sí sola? No. El autor o la aplicación debe insertar las marcas, sus metadatos y las explicaciones. <ins> no compara versiones, guarda un historial ni activa un editor.

¿Por qué no aparece subrayado? Comprueba que el texto esté entre <ins> y </ins>. Después revisa si una regla CSS cambia text-decoration. Si la marca sigue presente, la adición conserva su significado aunque no se subraye.

¿Es un enlace o un control? No. El subrayado puede confundirse con el de los enlaces; usa rótulos claros y reserva <a> para un destino navegable. <ins> no necesita foco ni tabindex para expresar una inserción.

Compatibilidad y fuentes

Compatibilidad consultada el 3 de octubre de 2026: MDN clasifica <ins> como ampliamente disponible. Los ejemplos usan HTML nativo y funcionan sin JavaScript; la decoración y el anuncio por lectores de pantalla pueden variar.

El HTML Living Standard fija el significado, las restricciones y los atributos; MDN complementa la explicación y el soporte. Para eliminaciones, consulta la guía de <del>. <u> sirve para anotaciones y <time> relaciona una fecha legible con su valor para máquinas: cada uno resuelve una necesidad distinta.