translate-not supported

In this example below you will see how to do a translate-not supported with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by MarinaWebDev, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright MarinaWebDev ©
  • HTML
  • CSS
  • JavaScript
    <p>Welcome to <strong class="notranslate">french pain</strong> on Facebook. Join now to write reviews and connect with <strong translate="no">french pain</strong>. Help your friends discover great places to visit by recommending <strong translate="no">french pain</strong>.</p>

<p>It would be best to add translate="no" to the strong elements. (And, by the way, it would also be useful for things like voice browsers to also surround the word pain with <code>&lt;span lang="fr"&gt;...&lt;/span&gt;</code>).<p>

/*Downloaded from https://www.codeseek.co/MarinaWebDev/translate-not-supported-XaOZmp */
    code {
  color: #faa;
}


/*Downloaded from https://www.codeseek.co/MarinaWebDev/translate-not-supported-XaOZmp */
    

Comments