Атрибут translate тега <th>
Описание
Атрибут translate в теге <th> указывает, должно ли содержимое заголовка таблицы переводиться при использовании автоматических инструментов перевода (например, Google Translate). Это булевый атрибут, который помогает управлять процессом машинного перевода.
<table border="1">
<tr>
<th translate="no">NASA</th>
<th translate="yes">Дата запуска</th>
<th>Статус миссии</th>
</tr>
<tr>
<td>ARTEMIS</td>
<td>16 ноября 2022</td>
<td>Активна</td>
</tr>
</table>
Значения атрибута:
| Значение | Описание | Поведение |
|---|---|---|
yes |
Разрешить перевод | Содержимое может быть переведено (значение по умолчанию) |
no |
Запретить перевод | Содержимое останется в оригинальном виде |
| (отсутствует) | Наследование | Принимает значение от родительского элемента |
Особенности работы:
- Поддерживается основными инструментами перевода (Google Translate)
- Не влияет на ручной перевод контента
- Работает в сочетании с атрибутом
lang - Наследуется дочерними элементами
Рекомендации:
- Используйте
translate="no"для:- Имен собственных (NASA, iPhone)
- Торговых марок и брендов
- Кодов, идентификаторов, терминов
- Для многоязычных сайтов указывайте явно
- Сочетайте с
langдля точного контроля
Пример с техническими терминами:
<table border="1">
<tr>
<th translate="no">API endpoint</th>
<th translate="no">HTTP status</th>
</tr>
<tr>
<td>/users</td>
<td>200 OK</td>
</tr>
</table>
Ограничения:
- Не все инструменты перевода поддерживают этот атрибут
- Нет контроля над качеством перевода
- Не заменяет профессиональный локализованный контент
- Может игнорироваться в некоторых мобильных браузерах
Пример с многоязычным контентом:
<table border="1">
<tr>
<th translate="no" lang="la">Homo sapiens</th>
<th translate="yes">Описание</th>
</tr>
<tr>
<td>Человек разумный</td>
<td>Биологический вид</td>
</tr>
</table>
Примечание: Для профессиональной локализации:
- Используйте системы управления переводами (i18n)
- Рассмотрите атрибут
data-l10n-idдля Mozilla - Тестируйте с разными инструментами перевода