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

Описание

Атрибут lang для тега <pre> указывает язык содержимого предварительно форматированного текста. Этот атрибут помогает браузерам и вспомогательным технологиям правильно интерпретировать и обрабатывать текст.

Пример использования:
<pre lang="en"> This is an English text example in a pre-formatted block. </pre> <pre lang="fr"> Ceci est un exemple de texte en français dans un bloc pré-formaté. </pre>

Основные характеристики:

Аспект Описание
Формат значения Код языка по стандарту BCP 47
Наследование Действует на весь содержимый текст
Регистр Обычно в нижнем регистре (en, fr, ru)

Типичные коды языков:

  • en - английский
  • es - испанский
  • fr - французский
  • de - немецкий
  • ru - русский
  • zh - китайский
  • ja - японский

Пример с кодом программы:

<pre lang="javascript"> // Пример кода на JavaScript function greet(name) { return `Hello, ${name}!`; } </pre>

Практическое применение:

  • Улучшение доступности для скринридеров
  • Правильное применение языковых правил (переносы, кавычки)
  • SEO-оптимизация многоязычного контента
  • Автоматическое определение языка

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

  • Указывайте язык даже для блоков кода (например, lang="python")
  • Для смешанного контента используйте вложенные элементы с разными lang
  • Сочетайте с атрибутом dir для RTL-языков
  • Используйте полные коды для региональных вариантов (en-US, pt-BR)

Пример с многоязычным содержимым:

<pre> <span lang="en">English text</span> <span lang="fr">Texte en français</span> <span lang="ru">Русский текст</span> </pre>

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