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


Описание

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

Пример использования:
<table> <tfoot dir="rtl"> <tr> <td>المجموع: ١٠٠</td> <!-- Арабский текст --> </tr> </tfoot> </table>

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

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

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

  • Влияет только на направление текста, не на выравнивание
  • Для auto направление определяется по первому символу
  • Работает вместе с CSS-свойством direction
  • Поддерживается всеми современными браузерами

Пример с автоматическим определением:

<table> <tfoot dir="auto"> <tr> <td>يمكنك كتابة أي لغة</td> <!-- Автоопределение RTL --> </tr> </tfoot> </table>

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

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

Пример комплексного использования:

<table> <tfoot dir="rtl" lang="ar" style="text-align: right;"> <tr> <td>المجموع: ١٠٠</td> <td>عملة: دولار</td> </tr> </tfoot> </table>

Ограничения:

  • Автоматическое определение может работать некорректно
  • Смешанные языки могут вызывать проблемы
  • Не влияет на порядок столбцов таблицы
  • Требует дополнительного CSS для полного RTL-отображения

Примечание: Для полной RTL-поддержки:

  • Используйте CSS-свойство direction
  • Рассмотрите атрибуты ARIA для доступности
  • Тестируйте с реальными RTL-языками