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

Описание

Атрибут translate определяет, должен ли текст внутри ссылки <a> переводиться при использовании автоматического перевода (например, Google Translate). Это булевый атрибут, принимающий значения "yes" или "no".

Базовое использование:
<a href="#" translate="no">BrandName</a>

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

Значение Поведение По умолчанию
yes Разрешает перевод содержимого ✓ (если не указано иное)
no Запрещает перевод содержимого
Примеры правильного применения:
<!-- Запрет перевода бренда --> <a href="/about" translate="no">Nike</a> <!-- Запрет перевода кода --> <a href="/docs" translate="no">function calculate() {}</a> <!-- Разрешение перевода --> <a href="/contact" translate="yes">Contact us</a>

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

  • Используйте translate="no" для:
    • Торговых марок и названий компаний
    • Имен собственных
    • Кода программирования
    • Специальных терминов
  • Для элементов навигации можно указывать глобально
  • Сочетайте с атрибутом lang для лучшего результата
  • Проверяйте работу в разных переводчиках
Комплексный пример:
<nav translate="no"> <a href="/">Home</a> | <a href="/products">Products</a> | <a href="mailto:support@company.com" translate="no">support@company.com</a> </nav> <article translate="yes"> <p><a href="/blog">Read our blog</a> for latest news.</p> <p>Special offer from <a href="/partner" translate="no">TechCorp</a>.</p> </article>

Совет: Для проверки работы атрибута используйте Google Translate вручную или инструменты разработчика в Chrome.