Si alguna vez has usado un editor de texto como Word o Google Docs, seguramente has visto la función de control de cambios, que te permite ver las modificaciones que se han hecho en un documento, como las inserciones, las eliminaciones, los reemplazos o los comentarios.
Esta función es muy útil para revisar, corregir o comparar diferentes versiones de un texto, especialmente cuando se trabaja en colaboración con otras personas. Pero, ¿sabías que también puedes mostrar las modificaciones de un texto en una página web usando HTML? En este artículo te explicaremos cómo usar la etiqueta <ins> de HTML para marcar el texto que ha sido insertado en un documento y darle un aspecto diferenciado.
¿Qué es la etiqueta <ins>?
La etiqueta <ins> es una etiqueta de HTML que se usa para marcar el texto que ha sido insertado en un documento. HTML es el lenguaje de marcado que se usa para crear páginas web.
Un documento es un archivo que contiene el código HTML que define la estructura y el contenido de una página web. Un texto es una secuencia de caracteres que forma una unidad de información, como una palabra, una frase, un párrafo, etc.
La etiqueta <ins> suele mostrar el texto subrayado, para indicar que se trata de una adición o una modificación. La etiqueta <ins> se puede usar junto con la etiqueta <del>, que se usa para marcar el texto que ha sido eliminado de un documento. La etiqueta <del> suele mostrar el texto tachado, para indicar que se trata de una supresión o una corrección.
La sintaxis básica de la etiqueta <ins> es la siguiente:
<ins>texto insertado</ins> El texto insertado puede ser cualquier contenido válido de HTML, como texto, imágenes, enlaces, etc. La etiqueta <ins> tiene algunos atributos opcionales que permiten especificar información adicional sobre la inserción, como la fecha, la hora o el autor.
¿Cómo se usa la etiqueta <ins>?
Para usar la etiqueta <ins>, solo hay que colocarla alrededor del texto que se quiere marcar como insertado. Por ejemplo, si queremos mostrar que hemos añadido la palabra “interactivos” en una frase, podríamos usar el siguiente código:
<p>Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios.</p> <p>Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios <ins>interactivos</ins>.</p>
El resultado sería el siguiente:
Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios.
Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios interactivos.
Como se puede ver, el texto insertado aparece subrayado para diferenciarlo del resto del texto. Este aspecto se puede modificar con CSS, el lenguaje que se usa para definir el diseño y la presentación de las páginas web.
Si queremos añadir información adicional sobre la inserción, podemos usar los atributos cite y datetime. El atributo cite indica la URL de un documento que explica la razón o la fuente de la inserción.
El atributo datetime indica la fecha y la hora en que se realizó la inserción, en formato YYYY-MM-DDThh:mm:ssTZD. Por ejemplo, si queremos mostrar que hemos añadido el texto “interactivos” siguiendo las indicaciones de un documento llamado “recomendaciones.html” el 15 de agosto de 2023 a las 16:57:37 (hora local), podríamos usar el siguiente código:
Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios.
Los formularios son una parte esencial de cualquier página web que quiera recoger datos de los usuarios interactivos.
El resultado sería el mismo que antes, pero al pasar el cursor sobre el texto insertado se mostraría la URL y la fecha y hora de la inserción.