HTML теги. HTML списки. Тег DIR. | IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <dir>. Описание тега <dir>, атрибуты тега <dir>, синтаксис тега <dir>, пример использования тега <dir>. Тег <dir> относится к группе тегов HTML списков.

HTML тег <dir>. Описание <dir>.

Содержание статьи:

HTML тег <dir>. Описание <dir>.
Тег <dir>. Синтаксис тега <dir>.
Тег <dir>. Атрибуты тега <dir>.
Теги HTML списков
Тег <dir>. Пример использования тега <dir>.

HTML тег <dir> относится к тегам предназначенным для формирования HTML списков, формирует списки директорий.

Тег <dir> предназначен для создания списка директорий. Директория – это системная папка. HTML элемент <dir> является блочным элементом. Для блочных HTML элементов характерно то, что их ширина зависит от области, в которой они находятся.

Так же, как и в случае с маркированным списком, формируемым тегом <ul> и нумерванным списком, формируемым тегом <ol>, элементы списка директорий формируются при помощи тега <li>. В HTML 4 тег <dir> запрещен, вместо него следует использовать тег <ul>.

Тег <dir>. Синтаксис тега <dir>.

HTML тег <dir> является парным HTML тегом, для парных тегов закрывающий тег обязателен.

<dir>

<li>папка 1</li>

<li>папка 2</li>

</dir>

<dir>

<li>папка 1</li>

<li>папка 2</li>

</dir>

Тег <dir>. Атрибуты тега <dir>.

Тег <dir>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты, но не имеет уникальных атрибутов.

Теги HTML списков

В языке HTML имеется целая группа тегов предназначенных для формирования HTML списков.

Теги, формирующие HTML списки:

<dd> - контейнер для записи определения в списке определений HTML
<dl> - формирует список определений HTML
<dt> - контейнер, в который записывается термин списка определений
<li> - создает элемент списка для любого вида HTML списков
<menu> - в HTML 4 запрещен, служил для создания списка меню, в HTML 5 используется как обертка для элемента <command>
<ol> - создает нумерованный список HTML или упорядоченный список
<ul> - создает неупорядоченный список HTML или иначе маркированный список

Тег <dir>. Пример использования тега <dir>.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Пример использования тега DIR</title>
</head>
<body>
<dir>
<li>Первая папка</li>
<li>Вторая папка
<dir>
<li>Первый файл</li>
<li>Второй файл</li>
</dir>
</li>
<li>Третья папка</li>
</dir>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Пример использования тега DIR</title>

</head>

<body>

<dir>

<li>Первая папка</li>

<li>Вторая папка

<dir>

<li>Первый файл</li>

<li>Второй файл</li>

</dir>

</li>

<li>Третья папка</li>

</dir>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

Список директорий идентичен маркированному списку HTML.

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru