<dir>
- 25 января 2023
❌ Эта статья об устаревшем теге, спецификация HTML не рекомендует использовать его в веб-разработке.
Что делает тег
Тег <dir>
используется для создания списка с названиями директорий.
Синтаксис тега <dir>
<dir>
<li>file1.txt</li>
<li>file2.txt</li>
<dir>
<li>subdir1</li>
<li>subdir2</li>
</dir>
</dir>
Спецификация HTML
Тег устарел в HTML 4.01 и не является частью спецификации HTML Living Standard.
Семантический или нет
Тег <dir>
не считается семантическим, так как не придаёт никакого конкретного значения содержимому.
Примеры использования
Создание списка директории:
<dir>
<li>Файл 1</li>
<li>Файл 2</li>
<li>Файл 3</li>
</dir>
Отображение файлов в каталоге:
<dir>
<li><a href="file1.html">Файл 1</a></li>
<li><a href="file2.html">Файл 2</a></li>
<li><a href="file3.html">Файл 3</a></li>
</dir>
Отображение содержимого папки:
<dir>
<li><a href="folder1/">Папка 1</a></li>
<li><a href="folder2/">Папка 2</a></li>
<li><a href="folder3/">Папка 3</a></li>
</dir>
Для чего использовать тег <dir>
- Показать содержимое каталога.
- Вывести список категорий в блоге.
- Показать список ссылок на сайте.
Атрибуты тега <dir>
У тега нет специфических атрибутов.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Тег <dir>
больше не поддерживается в современных браузерах и удалён из спецификации HTML. Его не следует использовать в современных HTML-документах.
Нюансы
У этого тега нет никаких нюансов использования.
Поддержка браузерами
Тег поддерживается современными браузерами.
Актуальная информация — на сaniuse.
Альтернативные теги
В качестве альтернативы используйте теги <ul>
— неупорядоченный список, и <ol>
— упорядоченный список.
Чем заменить тег
Для замены <dir>
используйте тег <ul>
.
Актуальность
Тег <dir>
устарел, не используйте его в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023