¿Cuál es la diferencia entre y en HTML, y afectan la clasificación del sitio web?

¿Cuál es la diferencia entre y ? He leído aquí que hay diferencias semánticas entre y , ¿esto se aplica a y ? Además, ¿cómo se interpretan las diferencias semánticas, si es que las hay, en los motores de búsqueda y qué efecto tendrán en las clasificaciones? ¿Hay alguna otra etiqueta que afecte las clasificaciones de búsqueda?

y ambos todavía existen en la especificación HTML.

  • El elemento representa una eliminación del documento.
  • El representa contenidos que ya no son precisos o que ya no son relevantes.

Es decir que en realidad representan diferentes cosas semánticamente. Específicamente, se usaría si tuviera un documento existente y quisiera indicar el texto que estaba en el documento, pero que se ha eliminado. Esto sería diferente al texto en un documento que ya no es preciso, pero que no se ha eliminado (puede usar para eso).

No debe utilizar ni depender de ninguno de los dos para diseñar, aunque la mayoría de los navegadores sí lo hacen de forma predeterminada. Solo debe confiar en CSS para la presentación.

Debido a la naturaleza mercurial de cómo funcionan los motores de búsqueda, es muy difícil decir si una etiqueta u otra marcarán una diferencia en cómo se crean las palabras clave y se indexa su contenido. Debería concentrarse en crear un buen contenido que sea semánticamente correcto, y le seguirá el rango de su sitio web.

No existe una diferencia práctica entre del y s , excepto que los nombres de las tags son diferentes. Tienen la misma representación predeterminada (texto sobredimensionado), y no hay evidencia de ninguna diferencia en el procesamiento de los navegadores o motores de búsqueda, y no hay razón para esperar tales diferencias, ya que las definiciones “semánticas” son vagas y a los autores no les importa mucho a cerca de ellos. No hay evidencia de ninguna acción en los motores de búsqueda sobre estos elementos: operan en el texto y generalmente ignoran el marcado del nivel de texto, excepto posiblemente para algunos elementos que podrían considerarse como que otorgan a su contenido un mayor peso relativo dentro de una página.

La representación predeterminada o “esperada” se especifica explícitamente en la sección Rendering de HTML5 CR: del, s, strike { text-decoration: line-through; } del, s, strike { text-decoration: line-through; }

La diferencia teórica es qué dicen las especificaciones y los borradores HTML sobre su “significado”, que varía de una versión HTML a otra.

Entonces puedes usar cualquiera de los elementos, o ninguno. El exceso de texto no es una buena idea, ya que hace que algunas letras sean difíciles de leer. Pero si necesita superar el límite (por ejemplo, porque un anuncio debe contener el sobreprecio del precio anterior), quizás sea más seguro usar el strike , que es un elemento de presentación honesto. Así que evitas incluso la posibilidad teórica de que algún software pueda interpretar s o del de una manera especial, según la lectura de alguien del CR HTML5 quizás, posiblemente difiriendo de tus intenciones, y posiblemente causando alguna renderización o procesamiento que no es consistente con tu razón para excederse (Históricamente, s y strike han sido sinónimos, pero HTML5 CR hace una distinción arbitraria entre ellos, haciendo que s “semántica” y ” strike presentational”).

Después de leer la respuesta existente, me quedé confundido acerca de cuál usar en mi aplicación. Estamos de acuerdo en que presentacionalmente son lo mismo, y la diferencia se reduce principalmente a la semántica. Los documentos MDN de Mozilla me ayudaron a clarificar la semántica.

Creo que es correcto para la mayoría de los casos de uso , y he aquí por qué junto con las cuatro opciones relevantes:

  1. Está claro que está en desuso , y por lo tanto no es correcto usarlo más.

  2. Desde en MDN :

    El elemento HTML Strikethrough ( ) representa el texto con un tachado, o una línea a través de él. Use el elemento para representar elementos que ya no son relevantes o que ya no son precisos. Sin embargo, no es apropiado cuando se indican ediciones de documentos; para eso, use los elementos y `, según corresponda. **

  3. De on MDN :

    El elemento de texto eliminado HTML ( ) representa un rango de texto que se ha eliminado de un documento. Este elemento a menudo (pero no es necesario) se representa con texto de tachado.

    La clave más importante para mí en esta página es que , como , ofrece dos atributos adicionales (opcionales): cite y datetime que tienen sentido al referirse a un cambio en el contexto de un documento. Como contraejemplo, si estuviera actualizando un menú de restaurante, citar una fuente para que un artículo de menú se agote no parece relevante.

  4. Sin etiqueta / uso de CSS

    Si ninguno de los anteriores parece correcto para su caso de uso, recuerde que aún puede definir una clase personalizada.

     .purchased { text-decoration: line-through; } 
     

    Wish list

    • New MacBook
    • Cookies

Los usaría de la manera en que están semánticamente definidos: DEL para el texto que se ha eliminado, y S para el texto que ahora es inexacto pero que no se ha eliminado.

En su mayoría, pueden parecer lo mismo, pero los lectores de pantalla y otras herramientas de accesibilidad podrían manejarlo de forma diferente. DEL puede ignorarse por completo (p. Ej .: no leerse) y S puede leerse pero diferenciarse del texto normal.