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

Описание

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

Пример использования:
<pre translate="no"> // Этот код не должен переводиться function calculate(a, b) { return a + b; } </pre> <pre translate="yes"> /* Этот комментарий можно переводить */ const greeting = "Hello, World!"; </pre>

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

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

Типичные случаи применения translate="no":

  • Блоки с программным кодом
  • Конфигурационные файлы
  • Технические спецификации
  • Имена переменных и функций
  • Команды терминала

Пример с комбинированным содержимым:

<pre> <span translate="no">npm install react</span> - команда для установки пакета <span translate="no">react</span> через <span translate="no">npm</span>. </pre>

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

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

Ограничения:

  • Поддерживается не всеми системами перевода
  • Не влияет на ручной перевод контента
  • Не заменяет правильную локализацию контента

Пример с JSON конфигурацией:

<pre translate="no"> { "apiEndpoint": "https://api.example.com", "maxRetries": 3, "timeout": 5000 } </pre>

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