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

Описание

Атрибут lang указывает язык текстового содержимого внутри тега <b>. Этот атрибут важен для:

  • Корректного отображения символов и шрифтов
  • Работы средств автоматического перевода
  • Доступности для скринридеров
  • Автоматического определения направления текста
Пример использования:
<p> Это предложение содержит <b lang="en">English words</b> внутри русского текста. </p>

Формат значений:

Тип значения Пример Стандарт
Основной код языка ru, en, es ISO 639-1
Код языка с регионом zh-CN, pt-BR, en-US ISO 3166
Специальные коды sr-Latn (сербский латиницей) IANA

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

1. Смешанные языки в тексте:
<p> Французское слово <b lang="fr">Bonjour</b> означает "Здравствуйте". </p>
2. Для скринридеров:
<p> Scientific term: <b lang="la">Homo sapiens</b> </p>

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

  • Наследуется дочерними элементами
  • Автоматически задает направление текста (для RTL-языков)
  • Влияет на выбор кавычек в CSS (quotes property)
  • Может изменять гифенацию и оформление дат

JavaScript управление:

const term = document.querySelector('b'); // Получить текущий язык console.log('Язык термина:', term.lang); // Установить новый язык term.lang = 'de'; term.textContent = 'Wichtiger Begriff';

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

  • Используйте для иностранных слов и терминов
  • Сочетайте с атрибутом dir для RTL-языков
  • Для основного языка страницы указывайте lang в теге <html>
  • Проверяйте правильность кодов языков

Ограничения: Не все браузеры полностью поддерживают все аспекты изменения языка (например, гифенацию).

Проверка поддержки:

// Проверка поддержки атрибута console.log('Поддержка lang:', 'lang' in document.createElement('b'));

Совет: Для многоязычных сайтов используйте языковые метки вместе с CSS-селекторами для стилизации контента на разных языках.

Примечание: Атрибут lang наследуется от родительских элементов, поэтому для отдельных слов/фраз нужно явное указание.