Taller > HTML
La Etiqueta <del> en HTML
El contenido dentro de la etiqueta <del> se mostrará con una línea tachada o como texto eliminado, dependiendo del navegador y de los estilos CSS que se apliquen.
La sintaxis básica de una etiqueta <del> es la siguiente:
<del>Contenido eliminado</del>
También se puede utilizar el atributo datetime para especificar la fecha y hora en que el contenido fue eliminado:
<del datetime="2021-01-01T12:00:00">Contenido eliminado</del>
Es importante tener en cuenta que el contenido dentro de la etiqueta <del> debe ser HTML válido. También se puede utilizar en conjunto con la etiqueta <ins> que se utiliza para indicar contenido que ha sido insertado o agregado.
Un ejemplo de cómo utilizar la etiqueta <del> en HTML podría ser el siguiente:
Este es un ejemplo de un <del>texto eliminado</del>.
En este ejemplo, se utiliza la etiqueta <del> para indicar que el texto “texto eliminado” ha sido eliminado del párrafo. El texto dentro de la etiqueta <del> se mostrará con una línea tachada o como texto eliminado, dependiendo del navegador y de los estilos CSS que se apliquen.
Atributos
La etiqueta <del> en HTML tiene un solo atributo específico, el cual es:
datetime: Este atributo se usa para especificar la fecha y hora en que el contenido dentro de la etiqueta <del> fue eliminado. El formato debe ser una fecha y hora en formato ISO8601: “YYYY-MM-DDThh:mm:ssTZD” donde TZD es la zona horaria. Este atributo es opcional, pero es útil cuando se está trabajando en una página web colaborativa o si se están realizando cambios constantes en el contenido de la página.
Además, también se pueden utilizar los atributos globales comunes en HTML, como class, id, style, title, entre otros, para aplicar estilos o identificar de manera específica al elemento <del> en el DOM.
Es importante tener en cuenta que estos atributos son usados para mejorar la semántica y accesibilidad de la página, permitiendo una mejor comprensión del contenido eliminado y su momento de eliminación.
Ejemplos
Un ejemplo de cómo utilizar el atributo datetime de la etiqueta <del> en HTML podría ser el siguiente:
Este es un ejemplo de un <del datetime="2021-01-01T12:00:00">texto eliminado</del>.
En este ejemplo, se utiliza el atributo datetime para especificar que el texto “texto eliminado” fue eliminado el 1 de enero del 2021 a las 12:00:00. Este atributo es útil para indicar la fecha y hora exacta en que se efectuó la eliminación y puede ser utilizado para rastrear cambios en una página web colaborativa.
Además, se pueden utilizar atributos globales como class o style para aplicar estilos al texto eliminado, para hacerlo más evidente para los usuarios.
Este es un ejemplo de un <del datetime="2021-01-01T12:00:00" class="eliminado">texto eliminado</del>.
Sí, de esta manera se podría aplicar una clase específica, “eliminado” en este caso, al texto dentro de la etiqueta <del> y luego usar esta clase en un archivo de estilos CSS para aplicar estilos específicos al texto eliminado.
Por ejemplo, se podría utilizar para mostrar el texto eliminado con una línea tachada o con un color específico, facilitando su identificación para el usuario.
.eliminado {
text-decoration: line-through; /* texto tachado*/
color: red; /* color específico */
}
De esta manera, se estaría usando el atributo datetime para especificar la fecha y hora en que el contenido fue eliminado y se estaría utilizando los atributos class y style para aplicar estilos específicos al texto eliminado.
Esto ayuda a mejorar la accesibilidad y la semántica de la página, haciendo más fácil para los usuarios entender qué contenido ha sido eliminado y cuándo fue eliminado.
La Etiqueta <ins> en HTML
El contenido dentro de la etiqueta <ins> se mostrará con un subrayado, dependiendo del navegador y de los estilos CSS que se apliquen.
La sintaxis básica de una etiqueta <ins> es la siguiente:
<ins>Contenido insertado</ins>
También se puede utilizar el atributo datetime para especificar la fecha y hora en que el contenido fue insertado:
<ins datetime="2021-01-01T12:00:00">Contenido insertado</ins>
Es importante tener en cuenta que el contenido dentro de la etiqueta <ins> debe ser HTML válido. También se puede utilizar en conjunto con la etiqueta <del> que se utiliza para indicar contenido que ha sido eliminado o tachado.
Un ejemplo de cómo utilizar la etiqueta <ins> en HTML podría ser el siguiente:
Este es un ejemplo de un <ins>texto insertado</ins>.
En este ejemplo, se utiliza la etiqueta <ins> para indicar que el texto “texto insertado” ha sido agregado al párrafo. El texto dentro de la etiqueta <ins> se mostrará con un subrayado, dependiendo del navegador y de los estilos CSS que se apliquen.
Atributos
La etiqueta <ins> en HTML tiene un solo atributo específico, el cual es:
datetime: Este atributo se utiliza para especificar la fecha y hora en que el contenido dentro de la etiqueta fue insertado. El formato debe ser una fecha y hora en formato ISO8601: “YYYY-MM-DDThh:mm:ssTZD” donde TZD es la zona horaria. Este atributo es opcional, pero es útil cuando se está trabajando en una página web colaborativa o si se están realizando cambios constantes en el contenido de la página.
Además, también se pueden usar los atributos globales comunes en HTML, como class, id, style, title, entre otros, para aplicar estilos o identificar de manera específica al elemento <ins> en el DOM.
Es importante tener en cuenta que estos atributos son utilizados para mejorar la semántica y accesibilidad de la página, permitiendo una mejor comprensión del contenido insertado y su momento de inserción.
Ejemplos
Un ejemplo de cómo utilizar el atributo datetime de la etiqueta <ins> en HTML podría ser el siguiente:
Este es un ejemplo de un <ins datetime="2021-01-01T12:00:00">texto insertado</ins>.
En este ejemplo, se usa el atributo datetime para especificar que el texto “texto insertado” fue insertado el 1 de enero del 2021 a las 12:00:00. Este atributo es útil para indicar la fecha y hora exacta en que se realizó la inserción y puede ser utilizado para rastrear cambios en una página web colaborativa.
Además, se pueden usar atributos globales como class o style para aplicar estilos al texto insertado, para hacerlo más evidente para los usuarios.
Este es un ejemplo de un <ins datetime="2021-01-01T12:00:00" class="insertado">texto insertado</ins>.
De esta manera, se estaría aplicando una clase específica, “insertado” en este caso, al texto dentro de la etiqueta <ins> y luego utilizar esta clase en un archivo de estilos CSS para aplicar estilos específicos al texto insertado.
Por ejemplo, se podría utilizar para mostrar el texto insertado con un subrayado o con un color específico, facilitando su identificación para el usuario.
.insertado {
text-decoration: underline; /* texto subrayado*/
color: green; /* color específico */
}
De esta manera, se estaría usando el atributo datetime para especificar la fecha y hora en que el contenido fue insertado y se estaría utilizando los atributos class y style para aplicar estilos específicos al texto insertado.
Esto ayuda a mejorar la accesibilidad y la semántica de la página, haciendo más fácil para los usuarios entender qué contenido ha sido insertado y cuándo fue insertado.