Атрибут dir тега <area>
Описание
Атрибут dir для тега <area> определяет направление текста для атрибутов, содержащих текст (таких как alt). Этот атрибут особенно полезен для языков с написанием справа налево (RTL).
<img src="rtl-map.png" usemap="#rtlmap" alt="Карта с RTL текстом">
<map name="rtlmap">
<area shape="rect" coords="0,0,100,50"
href="#arabic"
alt="الخيار العربي"
dir="rtl">
<area shape="rect" coords="100,0,200,50"
href="#english"
alt="English Option"
dir="ltr">
</map>
Допустимые значения:
| Значение | Описание | Когда использовать |
|---|---|---|
| ltr | Слева направо (по умолчанию) | Для языков с LTR-направлением |
| rtl | Справа налево | Для арабского, иврита и др. RTL-языков |
| auto | Автоматическое определение | Для смешанного контента |
Рекомендации по использованию:
- Всегда указывайте для RTL-языков
- Используйте
dir="auto"для смешанного контента - Сочетайте с соответствующим lang-атрибутом
- Проверяйте отображение в разных браузерах
- Для сложных случаев используйте CSS direction
Пример с автоматическим определением:
<area shape="circle" coords="100,100,50"
href="#mixed"
alt="نص عربي mixed with English"
dir="auto">
Сочетание с другими атрибутами:
<area shape="rect" coords="0,0,200,50"
href="/arabic-page"
alt="الصفحة الرئيسية"
dir="rtl"
lang="ar">
Особенности работы:
- Влияет только на текстовые атрибуты (alt, title)
- Не изменяет положение самой области
- Наследуется в некоторых браузерах
- Приоритет над CSS direction
Важно: Для полной поддержки RTL интерфейсов используйте комбинацию dir-атрибута, CSS direction и соответствующих стилей выравнивания.
Примечание: Хотя атрибут dir редко используется с <area>, он важен для обеспечения правильного отображения текстовых подсказок на RTL-языках.