translate HTML global attribute
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
The translate global attribute is an enumerated attribute that is used to specify whether an element's translatable attribute values and its Text node children should be translated when the page is localized, or whether to leave them unchanged.
It can have the following values:
- empty string or
yes, which indicates that the element should be translated when the page is localized. no, which indicates that the element must not be translated.
Although not all browsers recognize this attribute, it is respected by automatic translation systems such as Google Translate, and may also be respected by tools used by human translators. As such it's important that web authors use this attribute to mark content that should not be translated.
Examples
In this example, the translate attribute is used to ask translation tools not to translate the company's brand name in the footer.
<footer>
<small>© 2020 <span translate="no">BrandName</span></small>
</footer>
Specifications
| Specification |
|---|
| HTML # attr-translate |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
translate
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
See also
- All global attributes.
- The
HTMLElement.translateproperty that reflects this attribute. - Using HTML's translate attribute.
- HTML
langattribute