Атрибут translate тега <dd>

Описание

Атрибут translate указывает, должно ли содержимое элемента <dd> переводиться автоматическими системами перевода (например, Google Translate). Это особенно полезно для технических терминов, имен собственных и других элементов, которые не должны изменяться при переводе.

Пример использования:
<dl> <dt>API</dt> <dd translate="no">Application Programming Interface</dd> <dt>SEO</dt> <dd translate="yes">Search Engine Optimization</dd> </dl>

Значения атрибута:

Значение Описание Когда использовать
yes Разрешает перевод содержимого (значение по умолчанию) Для обычного текста, который должен переводиться
no Запрещает автоматический перевод Для терминов, кодов, имен собственных

Практическое применение:

<dl> <dt>HTML5</dt> <dd translate="no"><code><!DOCTYPE html></code></dd> <dt>HTTP</dt> <dd translate="no">Hypertext Transfer Protocol</dd> <dt>Веб-разработка</dt> <dd translate="yes">Процесс создания веб-сайтов и приложений</dd> </dl>

Рекомендации по использованию:

  • Используйте translate="no" для:
    • Технических терминов и аббревиатур
    • Имен собственных (бренды, продукты)
    • Кодовых обозначений и синтаксиса
    • Адресов электронной почты и URL
  • Для обычного текста используйте значение по умолчанию (yes)
  • Сочетайте с атрибутом lang для точного указания языка
  • Тестируйте работу с различными сервисами перевода

Пример с вложенными элементами:

<dl> <dt>JavaScript</dt> <dd translate="no"> ECMAScript <span translate="yes">(стандартизированная версия JavaScript)</span> </dd> </dl>

Важные замечания:

  • Атрибут является рекомендацией, а не строгим правилом
  • Некоторые системы перевода могут игнорировать этот атрибут
  • Не влияет на ручной перевод контента
  • Для важных случаев дублируйте информацию в оригинальном и переведенном виде
  • Проверяйте работу в разных браузерах и сервисах перевода

Пример с JavaScript:

<dl id="tech-definitions"> <dt>API</dt> <dd>Application Programming Interface</dd> </dl> <script> // Автоматически запрещаем перевод для всех терминов document.querySelectorAll('#tech-definitions dd').forEach(dd => { dd.translate = false; }); </script>

Примечание: Хотя атрибут translate помогает управлять автоматическим переводом контента, для полноценной многоязычной поддержки рекомендуется использовать специализированные системы локализации и предоставлять готовые переводы для важного контента.