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

Описание

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

Пример использования:
<select> <option translate="no" value="py">Python 3.11</option> <option translate="no" value="js">JavaScript ES6</option> <option translate="yes" value="beginner">Начинающий уровень</option> </select>

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

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

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

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

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

<select> <optgroup label="Фреймворки"> <option translate="no">React</option> <option translate="no">Vue.js</option> </optgroup> </select>

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

  • Влияет на автоматические системы перевода (Google Translate и др.)
  • Не влияет на ручной перевод контента
  • Поддерживается большинством современных браузеров
  • Не является стандартом W3C, но широко используется

Примечание: Для полного контроля над переводом важных элементов интерфейса рекомендуется использовать многоязычные системы локализации (i18n) вместо reliance на атрибут translate.