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

Описание

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

  • Навигационных элементов с именами собственных (которые не нужно переводить)
  • Технических терминов, которые должны оставаться на исходном языке
  • Частей интерфейса, где перевод может нарушить функциональность
Пример использования:
<nav translate="no"> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> </ul> </nav>

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

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

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

<nav translate="no"> <ul> <li><a href="/products" translate="yes">Our Products</a></li> <li><a href="/contact" translate="no">Contact CEO</a></li> </ul> </nav>

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

  • Используйте translate="no" для названий брендов в навигации
  • Для многоязычных сайтов лучше использовать отдельные навигации для каждого языка
  • Сочетайте с атрибутом lang для лучших результатов
  • Не полагайтесь только на этот атрибут - некоторые переводчики могут его игнорировать

Пример с брендовой навигацией:

<nav translate="no"> <ul> <li><a href="/apple">Apple</a></li> <li><a href="/samsung">Samsung</a></li> <li><a href="/xiaomi">Xiaomi</a></li> </ul> </nav>

Ограничения и совместимость:

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

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