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

Описание

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

Пример использования:
<!-- Боковая панель, содержимое которой нужно переводить --> <aside translate="yes"> <h3>Информация о продукте</h3> <p>Это описание будет автоматически переведено</p> </aside> <!-- Боковая панель с контентом, который не должен переводиться --> <aside translate="no"> <h3>NASA-2024</h3> <p>Код проекта: RX-78-2</p> </aside>

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

Значение Поведение По умолчанию
yes Разрешает перевод содержимого ✓
no Запрещает перевод содержимого
(отсутствует) Наследует поведение родителя ✓

Особенности для <aside>:

  • Важно: Не все системы перевода учитывают этот атрибут
  • Особенно полезен для технических терминов в боковых панелях
  • Может применяться к отдельным частям aside-контента
  • Работает в сочетании с атрибутом lang
Пример комбинированного использования:
<aside> <h3 translate="no">Project Alpha</h3> <p translate="yes">Описание проекта для международной команды</p> <div translate="no"> <code>API_KEY: XK-459-FF2</code> </div> </aside>

Рекомендации:

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

Ограничения: Браузерные переводчики могут игнорировать этот атрибут. Это рекомендация, а не строгое правило.

Лучшие практики:

<!-- Хороший пример --> <aside translate="no" lang="en"> <h3>Technical Documentation</h3> <p translate="yes">General description for translators</p> <code translate="no">error_code: 404</code> </aside> <!-- Плохой пример --> <aside> <h3>User Manual</h3> <!-- Неясно, нужно ли переводить --> <p>Press <span>START</span> button</p> <!-- START может быть частью UI --> </aside>

Для разработчиков: Можно управлять через JavaScript: document.querySelector('aside').translate = "no";

Примечание: Спецификация HTML Living Standard рекомендует, но не требует от переводчиков соблюдения этого атрибута.