¿Como funciona el comando en HTML5: 'del'?

Instrucción y Atributos del Elemento <del> en HTML5

El elemento <del> en HTML5 es utilizado para indicar texto que ha sido eliminado de un documento. El propósito de este elemento es mostrar que cierta parte del texto originalmente estaba presente pero ha sido removida. Esto es especialmente útil en documentos que necesitan mantener un historial de cambios, como en wikis, documentos legales o cualquier tipo de texto donde se requiera transparencia sobre qué contenido ha sido eliminado.

Atributos de <del>

1. cite (opcional):

   • Descripción: Este atributo contiene una URI que explica la razón o contexto del cambio. Proporciona a los usuarios un lugar adicional para obtener más información sobre por qué el texto fue eliminado.
   • Ejemplo: <del cite="https://example.com/rationale-for-deletion">Este texto ha sido eliminado.</del>

2. datetime (opcional):

   • Descripción: Este atributo especifica la fecha y hora en que el texto fue eliminado. El valor del atributo debe estar en el formato datetime estándar de HTML5: YYYY-MM-DDThh:mm:ssTZD.
   • Ejemplo: <del datetime="2023-10-13T08:00:00Z">Este texto ha sido eliminado.</del>

Uso del Elemento <del> en HTML5

El uso del elemento <del> es bastante sencillo. Para marcar texto eliminado, simplemente se encierra el texto que se desea marcar con las etiquetas de apertura y cierre <del>.

Ejemplos Sencillos de Uso

Ejemplo 1: Texto simple eliminado

<p>Esto es un <del>ejemplo sencillo</del> de cómo se usa la etiqueta <code>&lt;del&gt;</code>.</p>

• Resultado: Esto es un ejemplo sencillo de cómo se usa la etiqueta <del>.

Ejemplo 2: Usando el atributo cite

<p>Se realizó un cambio en el documento. Razón: <del cite="https://example.com/change-log">Texto eliminado que ya no es relevante</del>.</p>

• Resultado: Se realizó un cambio en el documento. Razón: Texto eliminado que ya no es relevante.

Ejemplo 3: Usando el atributo datetime

<p>Esta frase fue modificada el <del datetime="2023-10-13T08:00:00Z">13 de octubre de 2023</del>.</p>

• Resultado: Esta frase fue modificada el 13 de octubre de 2023.

Ejemplo 4: Atributos cite y datetime combinados

<p>
  Este contenido ha sido actualizado. Consultar el registro de cambios: 
  <del cite="https://example.com/change-log" datetime="2023-10-13T08:00:00Z">Texto anterior eliminado</del>.
</p>

• Resultado: Este contenido ha sido actualizado. Consultar el registro de cambios: Texto anterior eliminado.

En cada uno de estos ejemplos, el texto marcado con <del> es mostrado visualmente como tachado, lo que indica al lector que el texto ha sido removido. Los atributos cite y datetime añaden semántica y contexto adicionales que pueden ser útiles para mantener registros de modificaciones en el documento.