/html/global-attributes/translate:> Перевод содержимого элемента_
Глобальный атрибут translate
Синтаксис
HTML
<[элемент] translate="[значение]"> ... </[элемент]>
Описание
Глобальный атрибут / параметр translate (от англ. "translate" ‒ «перевод») используется для указания web-браузеру необходимости перевода текстового содержимого элемента (в том числе и его дочерних элементов) и некоторых его атрибутов.
Атрибуты элементов, подлежащие переводу:
- «
abbr» вthэлементах; - «
alt» вarea,imgиinputэлементах; - «
content» вmetaэлементах, если атрибут «name» указывает имя метаданных; - «
download» вaиareaэлементах; - «
label» вmenuitem,menu,optgroup,optionиtrackэлементах; - «
lang» в HTML элементах; должно быть «переведено» на соответствующий язык, используемый в переводе; - «
placeholder» вinputиtextareaэлементах; - «
srcdoc» вiframeэлементах; должно быть проанализировано и обрабатываться рекурсивно; - «
style» в HTML элементах; должно быть проанализировано и обрабатываться рекурсивно; - «
title» в HTML элементах; - «
value» вinputэлементах с атрибутом «type» в состоянии"button"или в состоянии"reset".
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | ||
| 3.2 | ||
| 4.01 | ||
| 5.0 | 3.2.5.4 The translate attribute | Перевод |
| 5.1 | 3.2.5.4. The translate attribute | |
| XHTML | ||
| 1.0 | ||
| 1.1 | ||
Значения
- yes
- Обязывает осуществлять перевод текста.
- no
- Запрещает перевод текста.
Наследование: если данный атрибут не указан, то его значение наследуется от родительского элемента. В случае если родительский элемент отсутствует (т.е. элемент является корневым элементом), то такой элемент по умолчанию должен находиться в состоянии поддержки перевода.
Пример использования
Листинг кода
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Global attribute 'translate'</title>
</head>
<body>
<h1>Example with attribute 'translate'</h1>
<p translate="yes">This line is written in English and will be translated.</p>
<p translate="no">This line is written in English and not translated.</p>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Global attribute 'translate'</title>
</head>
<body>
<h1>Example with attribute 'translate'</h1>
<p translate="yes">This line is written in English and will be translated.</p>
<p translate="no">This line is written in English and not translated.</p>
</body>
</html>
Global attribute 'translate'