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

Описание

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

Пример использования:
<q lang="fr">Ceci est une citation en français</q> <q lang="de">Dies ist ein Zitat auf Deutsch</q> <q lang="ru">Это цитата на русском языке</q>

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

Аспект Описание
Формат значения Код языка по стандарту BCP 47
Влияние на кавычки Браузеры используют разные кавычки для разных языков
Наследование Действует на весь содержимый текст

Пример с автоматическими кавычками:

<q lang="en">English quote</q> <!-- Кавычки: “...” --> <q lang="fr">Citation française</q> <!-- Кавычки: «...» --> <q lang="de">Deutsches Zitat</q> <!-- Кавычки: „...“ -->

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

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

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

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

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

<q> <span lang="en">To be or not to be</span> - <span lang="ru">Быть или не быть</span> </q>

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

  • Английский: “...”
  • Французский: «...»
  • Немецкий: „...“
  • Русский: «...» (может варьироваться)

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