translate
Indique si le contenu textuel d'un élément doit être traduit par les outils de traduction automatique (Google Translate, DeepL, etc.).
Description
L’attribut translate précise aux services de traduction automatique (et aux navigateurs proposant une traduction de page) si le contenu d’un élément doit être traduit. Il est hérité — un translate="no" posé sur un ancêtre protège tous ses descendants.
Syntaxe
<p translate="no">Claude Sonnet</p>
<span translate="yes">Texte à traduire</span>Exemples
Protéger du contenu technique de la traduction :
<p>
Pour utiliser cette API, appelez la méthode
<code translate="no">getUserById(id)</code>
avec l'identifiant de l'utilisateur.
</p>Préserver une marque ou un nom propre :
<footer>
<p>Développé par <span translate="no">Acme Corporation</span></p>
</footer>Page entière non traduisible avec exceptions :
<body translate="no">
<h1>Guide de référence CSS</h1>
<!-- Tout le contenu est protégé de la traduction -->
<p>
La propriété <code>border-radius</code> arrondit les coins.
<span translate="yes"><!-- Exception si nécessaire --></span>
</p>
</body>Valeurs
| Valeur | Description |
|---|---|
yes | Le contenu peut être traduit (comportement par défaut) |
no | Le contenu ne doit pas être traduit |
Notes
Héritage : translate="no" s’hérite sur tous les descendants. translate="yes" peut réactiver la traduction sur un sous-élément spécifique.
Support variable : tous les services de traduction ne respectent pas cet attribut. Google Translate le supporte. L’attribut est déclaratif mais non contraignant.
Cas d’usage : noms propres, marques, termes techniques, extraits de code, données formatées (dates, montants) qui ne doivent pas être transformés.
Support navigateurs
Chrome19+ · Firefox111+ · Safari6+ · Edge79+