Атрибут dir тега <abbr>
Описание
Атрибут dir определяет направление текста внутри элемента <abbr>. Особенно полезен для аббревиатур на языках с письмом справа налево (RTL).
<abbr dir="rtl" title="الولايات المتحدة الأمريكية">الولايات المتحدة</abbr>
Значения атрибута:
| Значение | Направление | Применение |
|---|---|---|
ltr |
Слева направо | Для большинства европейских языков (по умолчанию) |
rtl |
Справа налево | Арабский, иврит, персидский и др. |
auto |
Автоматическое определение | Для смешанного содержимого |
<!-- Арабский -->
<abbr dir="rtl" lang="ar" title="جامعة الدول العربية">ج.د.ع</abbr>
<!-- Иврит -->
<abbr dir="rtl" lang="he" title="האומות המאוחדות">הא"ם</abbr>
<!-- Смешанное содержимое -->
<abbr dir="auto">UNESCO (يونسكو)</abbr>
Особенности работы:
- Наследует значение от родительских элементов, если не указан явно
- Рекомендуется использовать вместе с атрибутом
lang - Для аббревиатур на RTL-языках часто требуется явное указание
- Не влияет на положение подсказки (title)
<div dir="rtl" lang="ar">
<p>
<abbr title="منظمة الصحة العالمية">م.ص.ع</abbr> -
<abbr dir="ltr" title="World Health Organization">WHO</abbr>
</p>
<p>
الاختصار <abbr title="الأمم المتحدة">الأمم المتحدة</abbr>
يعادل <abbr dir="ltr" title="United Nations">UN</abbr>
</p>
</div>
Рекомендации по использованию:
- Всегда указывайте для RTL-языков
- Для смешанного контента используйте
dir="auto" - Сочетайте с семантическими классами для стилизации
- Проверяйте отображение в разных браузерах
- Для сложных случаев дополняйте CSS-свойствами direction и unicode-bidi
Важно: Атрибут dir не меняет порядок слов в предложении, только направление письма. Для полной RTL-верстки нужны дополнительные CSS-стили.