❌ Эта статья об устаревшем теге, спецификация 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.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023