Etiqueta HTML <del>
La etiqueta <del> especifica una parte del texto que fue eliminada del documento. Los navegadores muestran este texto con un tachado. Para indicar una nueva versión del texto, utilizamos la <ins> etiqueta, cuyo contenido se muestra en el navegador como subrayado.
éxito
Para mostrar el texto como subrayado, puedes usar la propiedad CSS text-decoration con el valor "underline".
Los lectores de pantalla modernos suelen anunciar el texto eliminado automáticamente. Si se necesita contexto adicional, utiliza aria-label o aria-describedby en lugar de content en CSS.
Sintaxis
La etiqueta <del> viene en pares. El contenido se escribe entre las etiquetas de apertura (<del>) y cierre (</del>).
Ejemplo de la etiqueta HTML <del>:
Etiqueta HTML <del>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>My favorite color is <del style="color:#8ebf42;">green</del> <ins style="color:#1c87c9;"> blue</ins>!</p>
</body>
</html>Resultado
Ejemplo de la etiqueta HTML <del> con el atributo cite:
Ejemplo de la etiqueta HTML <del> con el atributo cite
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del cite="https://www.w3docs.com/learn-html/html-b-tag.html" style="color:#ff0000">b</del> <ins cite="https://www.w3docs.com/learn-html/html-strong-tag.html" style="color:#c10ccc;">strong</ins> tag being a logical tag is used to emphasize the importance of the text.</p>
</body>
</html>Ejemplo de la etiqueta HTML <del> con el atributo datetime:
Ejemplo de la etiqueta HTML <del> con el atributo datetime
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>The <del datetime="2023-10-25T14:30:00Z" style="color:#ff0000">old text</del> was replaced with new content.</p>
</body>
</html>Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| cite | URL | Especifica la URL del documento, que explica por qué el texto fue editado o eliminado. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | Define la fecha y hora del texto eliminado. |
La etiqueta <del> también utiliza los Atributos globales y los Atributos de eventos.
Práctica
¿Cuáles son los usos y características correctos de la etiqueta HTML <del> según el contenido de la URL especificada?