Skip to main content
Validación HTML

El atributo “st_title” no está permitido en el elemento “span” en este punto.

Acerca de este problema HTML

HTML tiene un conjunto definido de atributos globales (como id, class, lang y title) y atributos específicos de elementos. Cualquier atributo que no forme parte de estos conjuntos reconocidos desencadenará un error de validación. El atributo st_title es un atributo propietario y no estándar que era utilizado por versiones anteriores del widget de compartición de ShareThis para pasar metadatos — específicamente, el título del contenido que se está compartiendo.

La especificación HTML5 introdujo los atributos data-* como el mecanismo estándar para incrustar datos personalizados en elementos. Estos atributos permiten a los desarrolladores almacenar información arbitraria sin entrar en conflicto con la especificación HTML. Las versiones más recientes de ShareThis y servicios similares han adoptado esta convención, pero el código heredado — especialmente en temas de CMS, plugins o módulos — puede seguir utilizando el formato no estándar antiguo.

Usar atributos inválidos causa varios problemas:

  • Cumplimiento de estándares: El documento falla la validación W3C, lo que puede indicar problemas más profundos de calidad del marcado.
  • Compatibilidad futura: Los navegadores no están obligados a manejar atributos no estándar de ninguna manera predecible. Las futuras actualizaciones del navegador podrían ignorarlos o eliminarlos.
  • Mantenibilidad: Los atributos no estándar hacen que el código sea más difícil de entender y mantener para otros desarrolladores.
  • Herramientas de accesibilidad: Los lectores de pantalla y otras tecnologías asistivas dependen de HTML bien formado. Los atributos inválidos pueden causar comportamiento inesperado en estas herramientas.

Para arreglar esto, reemplaza todos los atributos propietarios de ShareThis con sus equivalentes data-*. Por ejemplo, st_title se convierte en data-st-title, st_url se convierte en data-st-url, y displayText se convierte en data-st-displaytext. También deberías actualizar la biblioteca JavaScript de ShareThis a una versión que reconozca el nuevo formato de atributos.

Ejemplos

❌ Inválido: Usando atributos propietarios

<span class="st_sharethis" st_title="My Article" st_url="https://example.com/article" displayText="ShareThis">
  Share
</span>

Esto desencadena errores de validación para st_title, st_url y displayText porque ninguno de estos son atributos HTML válidos.

✅ Válido: Usando atributos data-*

<span class="st_sharethis" data-st-title="My Article" data-st-url="https://example.com/article" data-st-displaytext="ShareThis">
  Share
</span>

Todos los datos personalizados ahora están almacenados en atributos data-* correctamente espaciados por nombres, que son completamente compatibles con la especificación HTML5.

✅ Válido: Usando un elemento button con atributos data-*

Si el elemento es interactivo (ej., desencadena una acción de compartir al hacer clic), considera usar un <button> en lugar de un <span> para mejor accesibilidad:

<button type="button" class="st_sharethis" data-st-title="My Article" data-st-url="https://example.com/article">
  Share this article
</button>

Arreglando esto en un CMS

Si estás usando Drupal, WordPress, u otro CMS con un módulo o plugin de ShareThis:

  1. Actualiza el plugin/módulo a la última versión — la mayoría ya han migrado a atributos data-*.
  2. Revisa las plantillas de tu tema para markup de ShareThis codificado que puede seguir usando el formato de atributos antiguo.
  3. Busca en tu código st_title, st_url y displayText y reemplázalos con data-st-title, data-st-url y data-st-displaytext respectivamente.
  4. Actualiza el JavaScript de ShareThis a una versión compatible con los nuevos nombres de atributos, y verifica que la funcionalidad de compartir siga funcionando después del cambio.

Encuentra problemas como este automáticamente

Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.

Ayúdanos a mejorar nuestras guías

¿Te ha sido útil esta guía?

¿Listo para validar tus sitios?
Inicia tu prueba gratuita hoy.