Атрибут translate тега <thead>
Описание
Атрибут translate в теге <thead> указывает, должно ли содержимое заголовков таблицы переводиться при использовании автоматических инструментов перевода (например, Google Translate).
<table>
<thead translate="no">
<tr>
<th>ID</th>
<th>NASA</th>
</tr>
</thead>
<tbody translate="yes">
<tr>
<td>001</td>
<td>National Aeronautics and Space Administration</td>
</tr>
</tbody>
</table>
Значения атрибута:
| Значение | Описание | Когда использовать |
|---|---|---|
yes |
Разрешить перевод (по умолчанию) | Для переводимого текста |
no |
Запретить перевод | Для кодов, имен собственных, брендов |
Особенности работы:
- Работает с инструментами автоматического перевода
- Не влияет на ручной перевод контента
- Наследуется дочерними элементами внутри <thead>
- Лучше всего работает в сочетании с атрибутом
lang
Рекомендации:
- Используйте
translate="no"для:- Технических терминов и кодов
- Названий компаний и брендов
- Идентификаторов и аббревиатур
- Для многоязычных сайтов указывайте явно
- Тестируйте с разными инструментами перевода
Пример с техническими терминами:
<table>
<thead translate="no">
<tr>
<th>API Endpoint</th>
<th>HTTP Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>/users</td>
<td>200 OK</td>
</tr>
</tbody>
</table>
Ограничения:
- Не все инструменты перевода поддерживают этот атрибут
- Не контролирует качество перевода
- Не заменяет профессиональную локализацию
- Может игнорироваться в некоторых мобильных браузерах
Примечание: Для профессиональной локализации:
- Используйте системы i18n (интернационализации)
- Применяйте
data-l10n-idдля Mozilla - Рассмотрите JSON-файлы с переводами