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

Описание

Атрибут dir определяет направление текста внутри тега <b>. Этот атрибут особенно полезен для смешанных текстов с разными направлениями письма.

Пример использования:
<p> Это <b dir="rtl">עברית</b> - пример текста с направлением справа налево. </p>

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

Значение Поведение Применение
ltr Слева направо (по умолчанию) Для большинства языков
rtl Справа налево Арабский, иврит и др.
auto Автоматическое определение Для смешанного контента

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

  • Наследуется дочерними элементами
  • Влияет на порядок символов и знаков препинания
  • Может изменять порядок маркированных списков
  • Работает совместно с CSS-свойством direction
Пример с автоматическим определением:
<p> Смешанный текст: <b dir="auto">English עברית العربية</b> </p>

CSS-эквивалент:

.rtl-text { direction: rtl; unicode-bidi: bidi-override; }

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

  • Используйте dir="auto" для пользовательского контента
  • Для статичных текстов явно указывайте направление
  • Сочетайте с lang для лучшей семантики
  • Тестируйте в реальных браузерах

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

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

const boldElement = document.querySelector('b'); // Установка направления boldElement.dir = 'rtl'; // Проверка текущего значения console.log('Текущее направление:', boldElement.dir);

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

Примечание: Атрибут dir наследуется от родительских элементов, поэтому его не обязательно указывать для каждого <b>, если язык документа уже задан.