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

Описание

Атрибут translate указывает, следует ли переводить содержимое заголовков <h1>-<h6> при автоматическом переводе страницы. Принимает значения "yes" или "no".

Пример использования:
<h1 translate="no">NASA</h1> <h2 translate="yes">Space Exploration Technologies</h2> <h3>Default behavior (без атрибута)</h3>

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

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

Динамическое управление:

<h1 id="toggle-translate">Toggle Translate Example</h1> <button onclick="toggleTranslate()">Переключить атрибут translate</button> <script> function toggleTranslate() { const heading = document.getElementById('toggle-translate'); heading.translate = heading.translate === 'yes' ? 'no' : 'yes'; } </script>

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

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

Пример с CSS:

<style> [translate="no"] { border-left: 3px solid #e74c3c; padding-left: 10px; } [translate="no"]::after { content: " (не переводить)"; font-size: 0.8em; color: #7f8c8d; } </style> <h2 translate="no">COVID-19</h2>

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

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

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