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

Описание

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

Пример использования:
<div translate="yes"> Этот текст будет переведен автоматическими системами </div> <div translate="no"> NASA, iPhone, McDonald's - эти термины не должны переводиться </div>

Допустимые значения:

Значение Описание Поведение
yes Разрешить перевод Содержимое может быть переведено (значение по умолчанию)
no Запретить перевод Содержимое останется в оригинальном виде

Правильное применение:

<!-- Хороший пример --> <div translate="no"> <span>Компания </span> <span translate="yes">предоставляет IT-услуги</span> </div> <!-- Плохой пример (избыточное использование) --> <div translate="yes"> <p translate="yes">Каждый</p> <p translate="yes">элемент</p> <p translate="yes">помечен</p> </div>

Особенности работы:

  • Наследуется дочерними элементами (если не переопределен)
  • Поддерживается не всеми системами автоматического перевода
  • Не влияет на ручной перевод контента
  • Работает в сочетании с атрибутом lang

Пример с именами собственныеими:

<div> <p translate="no">Elon Musk</p> <p>Основатель компаний <span translate="no">Tesla</span> и <span translate="no">SpaceX</span></p> <p translate="yes">Родился 28 июня 1971 года в Претории, ЮАР</p> </div>

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

  • Используйте для имен собственных, брендов, терминов
  • Применяйте к элементам с кодом или техническими терминами
  • Не злоупотребляйте - помечайте только действительно нетранслируемый контент
  • Сочетайте с семантической разметкой для лучшего результата

Ограничения поддержки:

Браузер/Сервис Поддержка Примечания
Google Chrome ✅ Полная Встроенный переводчик учитывает атрибут
Google Translate ✅ Полная Учитывается при переводе страниц
Другие переводчики ❌ Частичная Могут игнорировать атрибут

Примечание: Атрибут translate особенно полезен для многоязычных сайтов и контента со смешанными переводимыми и непереводимыми элементами. Однако не стоит полагаться исключительно на него - для профессиональных решений используйте специализированные системы локализации.