Ce face Atributul translate
Atributul translate are două valori: yes (implicit) și no. Cu translate="no" marchezi textul care trebuie să rămână la fel când pagina este tradusă automat, de exemplu de traducătorul integrat în browser.
Se folosește pentru nume de firme și produse, nume proprii, bucăți de cod, comenzi sau adrese. Fără el, „Apple” poate deveni „Măr”, iar o comandă din terminal poate fi tradusă și nu mai funcționează.
Valoarea se moștenește: dacă pui translate="no" pe un părinte, tot conținutul lui rămâne netradus, cu excepția copiilor care au explicit translate="yes". Atributul este suportat de Chrome, Safari și, din versiunea 111, de Firefox.
Atribute
| Atribut | Descriere |
|---|---|
yes |
Conținutul poate fi tradus (valoarea implicită). |
no |
Conținutul trebuie lăsat netradus. |
Exemple
Exemplul 1: Nume de produs și comandă păstrate la traducere
Când un vizitator traduce pagina în engleză, numele magazinului și comanda rămân exact cum sunt scrise.
<p>Comandă la <span translate="no">Cofetăria Dulce Iași</span> și instalează aplicația cu:</p>
<pre translate="no"><code>npm install comenzi-dulci</code></pre>Ce afișează browserul
După traducerea automată în engleză:
Order at Cofetăria Dulce Iași and install the app with:
npm install comenzi-dulciExemplul 2: Bloc netradus cu o excepție
Tabelul de cod rămâne netradus, dar comentariul explicativ din interior are translate="yes".
<div translate="no">
<p>git commit -m "Adaugă pagina de contact"</p>
<p translate="yes">Această comandă salvează modificările în istoric.</p>
</div>Ce afișează browserul
După traducerea în engleză:
git commit -m "Adaugă pagina de contact"
This command saves the changes to history.Greșeli frecvente
- Folosirea valorilor
true/false. Valorile corecte suntyesșino. - Punerea
translate="no"pe toată pagina doar pentru că textul e în română. Vizitatorii străini nu mai pot traduce nimic; marchează doar bucățile care nu trebuie traduse.
Comenzi înrudite
Atributul lang: Declară limba conținutului unui element, pentru pronunția corectă în cititoarele de ecran, despărțirea în silabe, traducere și SEO.<code> și <pre>: Afișează fragmente de cod: code pentru fragmente scurte în text și pre pentru blocuri cu spații și linii păstrate.<span>: Container generic de tip inline, utilizat pentru a grupa o porțiune de text și a-i aplica stiluri CSS sau acțiuni JS.