/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'