Seguramente cuando empiece a explicarte qué es y para qué sirve la etiqueta del en HTML, puedes pensar que sea un poco chorra. Incluso puedes pensar que sea una tontería.
Pero estoy seguro que cuando acabes de ver esta lección, pensarás en los múltiples usos que le puedes dar.
Y si no me crees, ya lo verás.
Por cierto, recuerda que este vídeo forma parte de el diccionario HTML de dropcoding, donde podrás encontrar todas las etiquetas de este lenguaje. Cómo siempre, también tenemos un pequeño vídeo con la explicación y la sección de comentarios para responder cualquier duda que tengas.
Y ahora, vamos al lío.
¿Para Qué Sirve Esta Etiqueta?
Muy bien, lo primero, ¿Para qué sirve esta etiqueta del? El propio nombre nos indica una pista.
La etiqueta del en HTML se utiliza para mostrar texto que se ha eliminado. Aunque, bueno, realmente más que eliminarlo, lo que hace es tachar el texto dentro de la etiqueta.
Normalmente se muestra la típica línea horizontal que atraviesa el texto, aunque ojo, porque su representación puede variar dependiendo del navegador que estés utilizando.
Vamos a ver un ejemplo.
Cómo se usa etiqueta del en HTML (ejemplo)
Fijaros lo que tenemos esta vez. Dentro del body tenemos un párrafo que pone «El precio original era de $100, ahora es de $80».
<body>
<p>El precio original era <del>$100</del>, ahora es $80.</p>
</body>Aquí hemos utilizado la etiqueta «del» para tachar esta cantidad. Ojo, esto es un número, pero también podría ser un texto.
Vamos a verlo en el navegador.
Más simple imposible, tenemos el párrafo que hemos escrito y en este caso, como hemos comentado, aparece la cantidad de $100 tachada.
Recordar que este tachón se puede ver de varias maneras en función del navegador que estemos utilizando.
Usos y Aplicaciones etiqueta DEL
Utilizar la etiqueta del es tan fácil como esto. Y sí, ya sé que esta etiqueta puede parecer una etiqueta muy simple y realmente lo es.
Pero piensa por un momento los usos que le puedes dar. Por ejemplo, podemos utilizarlo en tiendas online o en cualquier sitio que muestres precios u ofertas.
Y así puedes utilizarlo para tachar el precio anterior.
Si os soy sincero, he estado investigando un poquito y buscando algunas tiendas en internet que utilizaran esta etiqueta, y la gran mayoría de e-commerce o tiendas online grandes no utilizan esta etiqueta.
Simplemente utilizan un cutre span con unos cuantos estilos CSS. Y la verdad es que no entiendo por qué no utilizan la etiqueta del. En fin, Serafín, ellos se lo pierden porque técnicamente tendrían una oferta un poquito más rica a nivel semántico 🤑.
En fin, espero que te haya resultado útil este vídeo y recuerda que si tienes cualquiera o cualquier sugerencia puedes dejarla en los comentarios. Nos vemos en la próxima lección. Adiós.