HTML del
La etiqueta <del> en HTML se utiliza para indicar contenido que ha sido eliminado o tachado. Esta etiqueta puede ser utilizada para indicar correcciones en un texto o para indicar contenido que ha sido eliminado de una página web.
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>
Lenguaje del código: HTML, XML (xml)
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>
Lenguaje del código: HTML, XML (xml)
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.
Ejemplo de uso
Un ejemplo de cómo utilizar la etiqueta <del> en HTML podría ser el siguiente:
<p>Este es un ejemplo de un <del>texto eliminado</del>.</p>
Lenguaje del código: HTML, XML (xml)
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:
<p>Este es un ejemplo de un <del datetime="2021-01-01T12:00:00">texto eliminado</del>.</p>
Lenguaje del código: HTML, XML (xml)
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.
<p>Este es un ejemplo de un <del datetime="2021-01-01T12:00:00" class="eliminado">texto eliminado</del>.</p>
Lenguaje del código: HTML, XML (xml)
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 */
}
Lenguaje del código: CSS (css)
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.