Атрибут dir тега <a>
Описание
Атрибут dir определяет направление текста внутри ссылки <a>. Используется для языков с написанием справа налево (RTL) или в смешанных языковых средах.
<a href="#" dir="rtl">نص عربي</a>
Значения атрибута:
| Значение | Направление | Применение |
|---|---|---|
ltr |
Слева направо (Left-to-Right) | Для большинства европейских языков |
rtl |
Справа налево (Right-to-Left) | Арабский, иврит, персидский |
auto |
Автоматическое определение | Смешанное содержимое |
<a href="/arabic" dir="rtl" lang="ar">الصفحة الرئيسية</a>
<a href="/hebrew" dir="rtl" lang="he">דף הבית</a>
<a href="/english" dir="ltr" lang="en">Home Page</a>
Особенности работы:
- Наследуется от родительских элементов, если не указан
- Лучше использовать вместе с атрибутом
lang - Влияет на положение символов, но не на выравнивание текста
- Для сложных случаев может потребоваться CSS direction
<a href="/mixed-content"
dir="auto"
title="Mixed direction content"
data-language="mixed">
English/עברית/العربية
</a>
Рекомендации по использованию:
- Для RTL-языков всегда указывайте
dir="rtl" - Для смешанного контента используйте
dir="auto" - Сочетайте с соответствующим значением атрибута
lang - Проверяйте отображение в разных браузерах
- Для сложных макетов дополняйте CSS-свойствами direction и unicode-bidi
Важно: Атрибут dir не меняет порядок слов в предложении, только направление письма. Для полной RTL-верстки нужны дополнительные CSS-стили.
Пример сложного использования:
<div dir="rtl">
<a href="#arabic" style="float: right;">العربية</a>
<a href="#english" style="float: left;" dir="ltr">English</a>
<span>混合内容</span>
</div>