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

Описание

Атрибут dir определяет направление текста внутри тега <i>. Он особенно полезен для смешанных языковых контекстов, когда курсивный текст может быть на языке с письмом справа налево (RTL).

Пример использования:
<p> English text with <i dir="rtl" lang="ar">كلمة عربية</i> in middle. </p> <!-- Для всего элемента --> <i dir="ltr">italic text</i>

Допустимые значения:

Значение Описание Когда использовать
ltr Слева направо (Left-to-right) Для большинства европейских языков
rtl Справа налево (Right-to-left) Арабский, иврит и другие RTL-языки
auto Автоматическое определение Когда направление неизвестно заранее

Совместное использование с lang:

<p> Scientific name: <i dir="ltr" lang="la">Homo sapiens</i> </p> <p> Arabic quote: <i dir="rtl" lang="ar">السلام عليكم</i> </p>

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

  • Всегда указывайте dir вместе с lang для RTL-языков
  • Для латинских научных названий используйте dir="ltr"
  • Тестируйте отображение в разных браузерах
  • Для сложных случаев используйте Unicode-маркеры направления

Особенности отображения:

<style> i[dir="rtl"] { font-family: 'Traditional Arabic', serif; color: #2ecc71; } </style> <i dir="rtl" lang="ar">نص عربي</i>

Примечание: Хотя тег <i> чаще всего используется для визуального выделения, правильное указание направления текста важно для многоязычных сайтов. Для семантического выделения текста рассмотрите использование <em> вместо <i>.