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

Описание

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

Пример использования:
<ul> <li translate="yes">Этот текст должен переводиться</li> <li translate="no">NASA</li> <li>Этот пункт будет переводиться (по умолчанию)</li> </ul>

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

Значение Описание Поведение
yes Разрешает перевод Содержимое будет переведено
no Запрещает перевод Содержимое останется без изменений
Не указан Наследует поведение родителя Обычно переводится

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

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

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

<ul> <li translate="no">COVID-19</li> <li translate="no">CEO Elon Musk</li> <li translate="yes">Описание компании</li> <li>Обычный текст для перевода</li> </ul>

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

  • Поддерживается основными сервисами перевода (Google Translate и др.)
  • Не влияет на ручной перевод контента
  • Не заменяет полноценную систему локализации сайта
  • Особенно полезен для динамически генерируемого контента

Ограничения:

  • Не все браузеры и сервисы перевода поддерживают этот атрибут
  • Не работает для текста в атрибутах (только содержимое элемента)
  • Не влияет на SEO напрямую

Примечание: Атрибут translate особенно полезен для многоязычных сайтов и приложений, где важно контролировать, какие части контента должны переводиться автоматически. Для профессиональной локализации рекомендуется использовать специализированные библиотеки (i18next, react-intl и др.).