0

compañeros. Tengo el siguiente problema en mi sitio. He escrito el atributo en algunos botones y etiquetas span dentro de mi sitio web con el atributo translate="no", pero al momento de testearlo me lo traduce todo igual. He probado con los navegadores google chrome, Vivaldi, Edge y Opera pero en todos lo traduce igual. Añado parte de mi código:

`

<div class="cont-text c-t home-text">
  <h3>WELCOME TO&nbsp;<span translate="no">MY PAGE</span>.</h3>
  <br /><br />
  <h3>THE FUTURE...</h3>
</div>

`

Mi pregunta es la siguiente: ¿Hay alguna otra manera de poder hacer que algunos elementos como botones y etiquetas span no se traduzcan en ningún navegador?

A todos los elementos que no quería que se traduzcan les he puesto el siguiente atributo:

translate="no".

8
  • No parece que este demasiado soportado ese atributo... Si te fijas en el enlace no hay ningún navegador que parezca darle soporte... a saber ni porque existe, je Aqui más info
    – masterguru
    Commented el 14 nov. 2022 a las 22:11
  • Si usas el traductor de Google, prueba con esto: <span class="notranslate">MY PAGE</span>
    – A. Cedano
    Commented el 14 nov. 2022 a las 22:13
  • Otra posibilidad es poner el texto dentro de una etiqueta code, porque según esto, ese texto no será traducido, luego, por CSS puedes invalidar el formato para ese texto. Algo así en el HTML: <code class="nocode">MY PAGE</code> y en el . css: .nocode { code: unset; } Quizá esto sea más estándar, porque por lógica, el código nunca se traduce.
    – A. Cedano
    Commented el 14 nov. 2022 a las 22:28
  • Eso es raro. A mí me funciona bien. No me traduce donde está translate="no" ya sea div, span o parrafo Commented el 14 nov. 2022 a las 22:34
  • @masterguru para la compatibilidad consulta siempre el sitio Can I Use. translate es soportado por casi todos los navegadores. No quiero hablar mal de nadie, pero w3schools tiene a veces contenido obsoleto, y en el pasado enseñaba malas prácticas de programación, no sé si con el tiempo han corregido esas cosas.
    – A. Cedano
    Commented el 14 nov. 2022 a las 22:42

1 respuesta 1

0

La etiqueta translate, aparte de ser relativamente nueva, depende de otras cosas, como el servicio de traducción que se utilizará. Ambas cosas dificultan un estándar a la hora de escribir el código.

No obstante, según lo dicho en W3.org, tienes al menos dos posibilidades:

1. Si usas traducción de Google o Microsoft

Ambos admiten la clase notranslate, de modo que podrías resolverlo así:

<span class="notranslate">MY PAGE</span>

2. El contenido etiquetado con code no se traduce

Esto parece ser más estándar, porque el código nunca debería traducirse. De modo que puedes poner el contenido dentro de code y luego quitar el formato con unset.

Sería una opción interesante, mientras translate se estandariza o surgen librerías al respecto.

Por ejemplo:

.nocode {
    code: unset;
}
<class="nocode" code>MY PAGE</code>
<br /><code>SÍ CODE</code>

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.