HTML-тег `<dir>`

Тег <dir> используется для определения списка заголовков каталогов. Элементы внутри списка определяются с помощью тега <li> (так же, как в HTML-списках, которые определяются с помощью тегов <ol> и <ul>). Список заголовков каталогов по умолчанию отмечается маркерами.

DANGER

Тег <dir> является устаревшим HTML-тегом и не поддерживается в HTML5. Вместо него используйте тег <ul> и свойство CSS list-style (см. примеры ниже).

Синтаксис

Тег <dir> используется парами. Содержимое записывается между открывающим (<dir>) и закрывающим (</dir>) тегами.

Пример использования HTML-тега `<dir>`:

Учебные материалы|Пример использования HTML-тега <dir>|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dir>
      <li>HTML Tutorial</li>
      <li>CSS Tutorial</li>
      <li>PHP Tutorial</li>
    </dir>
  </body>
</html>

Try it Yourself »

Результат

dir example

Пример использования свойства CSS `list-style`:

Список учебных материалов|Пример использования HTML-тега <dir>|W3Docs

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      ul { 
        list-style: disc; 
      }
    </style>
  </head>
  <body>
    <ul>
      <li>HTML Tutorial</li>
      <li>CSS Tutorial</li>
      <li>PHP Tutorial</li>
    </ul>
  </body>
</html>

Try it Yourself »

Атрибуты

Атрибут	Значение	Описание
compact	compact	Указывает, что список должен отображаться меньше обычного. Не поддерживается в HTML5.

Тег <dir> также поддерживает Глобальные атрибуты и Атрибуты событий.

Практика

Что делает HTML-тег 'dir'?

Он указывает направление текста для содержимого в элементе.Он вставляет новую строку в HTML-документ.Он создает горизонтальную линию в HTML-документе.Он указывает кодировку символов для HTML-документа.Он работает только с элементом параграфа 'p'

HTML-тег <dir> ​

Синтаксис ​

Пример использования HTML-тега <dir>: ​

Результат ​

Пример использования свойства CSS list-style: ​

Атрибуты ​