HTML s

La etiqueta <s> en HTML es utilizada para representar un texto que ha sido tachado o que ya no es válido. El texto dentro de esta etiqueta se mostrará con una línea diagonal a través de él, y se utiliza para indicar que el contenido ha sido eliminado o es incorrecto.

Es similar a la etiqueta <strike> que también se utiliza para mostrar texto tachado, pero <s> es más reciente y se recomienda su uso en lugar de <strike>.

La sintaxis de la etiqueta <s> es la siguiente:

<code><s>texto tachado</s></code>
Lenguaje del código: HTML, XML (xml)

Ejemplo de uso

Un ejemplo de uso de la etiqueta <s> en HTML podría ser el siguiente:

<p>La promoción de <s>20% de descuento</s> ya no está disponible.</p>
Lenguaje del código: HTML, XML (xml)

En este ejemplo se indica que la promoción ya no está disponible y se hace énfasis en que la promoción ya no es válida.

También se puede utilizar junto con estilos CSS para personalizar el aspecto del texto tachado, por ejemplo:

<style> s { color: red; text-decoration: line-through; } </style> <p>Este es un ejemplo de <s>texto tachado</s> con estilos CSS.</p>
Lenguaje del código: HTML, XML (xml)

En este caso el texto tachado se mostrará en rojo y con una línea diagonal a través de él.

Atributos

La etiqueta <s> en HTML no tiene atributos específicos, ya que su único propósito es representar texto tachado. Sin embargo, se pueden utilizar estilos CSS para personalizar el aspecto del texto tachado, como el color, el grosor de la línea, etc.

Algunos estilos CSS que se pueden utilizar con la etiqueta <s> son:

  • text-decoration: permite agregar una decoración al texto, como una línea diagonal (line-through) para indicar que el texto está tachado.
  • color: permite cambiar el color del texto tachado.
  • background-color: permite cambiar el color de fondo del texto tachado.

Cabe mencionar que estos estilos CSS son comunes y se utilizan en otras etiquetas HTML, no están específicamente diseñados para la etiqueta <s>.

Ejemplos

  • Señalando un error en una lista de precios:
<ul> <li>Producto A: $10</li> <li>Producto B: <s>$15</s> $20</li> <li>Producto C: $25</li> </ul>
Lenguaje del código: HTML, XML (xml)
  • Indicando que una dirección o número de teléfono ya no es válido:
<p>Nuestra nueva dirección es 123 Main St. La antigua dirección <s>456 Elm St.</s> ya no es válida.</p>
Lenguaje del código: HTML, XML (xml)
  • Indicando que una sección de una página web ya no está disponible:
<nav> <a href="#">Inicio</a> <a href="#">Acerca de</a> <a href="#">Servicios</a> <s><a href="#">Productos</a></s> <a href="#">Contacto</a> </nav>
Lenguaje del código: HTML, XML (xml)

Es importante recordar que el texto dentro de la etiqueta <s> no es accesible para lectores de pantalla, por lo que no es recomendable utilizarlo para contenido importante para personas con discapacidad visual.