OUJOOD.COM
Définition et utilisation de l'attribut translate
HTML – Les attributs globaux
L'attribut translate est un attribut global HTML qui indique
si le contenu textuel d'un élément doit être traduit ou non par les outils
de traduction automatique, comme Google Translate.
Il accepte deux valeurs principales :
translate="yes"– le contenu de l’élément peut être traduit (valeur par défaut).translate="no"– le contenu de l’élément ne doit pas être traduit.
<element translate="yes|no"> ... </element>
Exemple d'utilisation de l'attribut translate
Exemple : 📋 Copier le code
<!DOCTYPE html> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Exemple translate</title> </head> <body> <p translate="yes">Ceci est un paragraphe traduisible.</p> <p translate="no">Le mot "Logo" ne doit pas être traduit.</p> <div translate="no">Nom de la marque : Oujood</div> </body> </html>
Dans cet exemple, les textes contenant translate="no" ne seront
pas traduits par les traducteurs automatiques.
Navigateurs pris en charge
L'attribut translate est bien pris en charge dans tous les navigateurs modernes.
Différences avec lang
langindique la langue du contenu, alors quetranslateindique s’il faut traduire ou non.- Les deux attributs peuvent être combinés pour un meilleur contrôle.
Exemple avec JavaScript
L’attribut translate peut être ajouté ou supprimé via JavaScript :
Exemple : 📋 Copier le code
// Empêcher la traduction d'un élément
document.querySelector('#monElement').setAttribute('translate', 'no');
// Réactiver la traduction
document.querySelector('#monElement').setAttribute('translate', 'yes');
Conclusion
L'attribut translate est un outil utile pour
protéger des noms de marques, logos ou mots techniques
contre la traduction automatique, tout en laissant le reste du contenu
traduisible pour l'utilisateur.