Атрибут translate тега <dl>
Описание
Атрибут translate указывает, должно ли содержимое элемента <dl> (списка определений) переводиться при использовании автоматических сервисов перевода (например, Google Translate).
Особенность: Атрибут наследуется всеми дочерними элементами списка определений, если они не имеют собственного атрибута
Пример использования:
translate.
<dl translate="no">
<dt>API</dt>
<dd>Application Programming Interface (не переводится)</dd>
<dt translate="yes">Database</dt>
<dd translate="yes">Структурированный набор данных (переводится)</dd>
</dl>
Допустимые значения:
| Значение | Описание | Поведение |
|---|---|---|
yes |
Разрешить перевод | Содержимое может быть переведено (значение по умолчанию) |
no |
Запретить перевод | Содержимое останется в оригинальном виде |
Рекомендации по применению:
<!-- Хорошая практика -->
<dl translate="no">
<dt>SQL</dt>
<dd>Structured Query Language (остается на английском)</dd>
<dt translate="yes">Table</dt>
<dd translate="yes">Структура для хранения данных (переводится)</dd>
</dl>
<!-- Плохая практика -->
<dl translate="no">
<dt translate="yes">Index</dt> <!-- Противоречит родительскому -->
<dd>Ускоряет поиск данных</dd>
</dl>
Практическое применение:
- Для технических терминов и аббревиатур (
translate="no") - Для имен собственных и брендов
- Для кода и команд
- Когда перевод может исказить смысл
Динамическое управление:
<dl id="translation-control">
<dt>Framework</dt>
<dd>Набор инструментов для разработки</dd>
</dl>
<button onclick="disableTranslation()">Запретить перевод</button>
<button onclick="enableTranslation()">Разрешить перевод</button>
<script>
function disableTranslation() {
document.getElementById('translation-control').translate = "no";
}
function enableTranslation() {
document.getElementById('translation-control').translate = "yes";
}
</script>
Совместимость с другими технологиями:
| Технология | Взаимодействие |
|---|---|
| Google Translate | Полная поддержка |
| Браузерные переводчики | Частичная поддержка |
| Скринридеры | Не влияет |
| Поисковые системы | Не влияет на SEO |
Лучшие практики:
- Сочетайте с атрибутом
langдля точного указания языка - Избегайте избыточного использования (только для исключений)
- Для важного контента используйте явные переводы вместо запрета
- Тестируйте работу с разными сервисами перевода
Примечание: Атрибут translate особенно полезен для технической документации и многоязычных сайтов, но не заменяет профессиональную систему локализации. Для полного контроля над переводами используйте специализированные решения (i18n библиотеки).