Press "Enter" to skip to content

htmldirtag

HTML dir tag

The HTML <dir> tag was used in older versions of HTML to create a directory list of files and folders. However, it is now deprecated and no longer supported in HTML5. Instead, it is recommended to use the <ul> tag for unordered lists and the <ol> tag for ordered lists.

In previous versions of HTML, the <dir> tag was used to create a list of files and directories that could be navigated through a browser. Here is an example of how to use the <dir> tag:

<dir>
  <li><a href="file1.html">File 1</a></li>
  <li><a href="file2.html">File 2</a></li>
  <li><a href="folder1/">Folder 1</a></li>
  <li><a href="folder2/">Folder 2</a></li>
</dir>

In this example, the <dir> tag is used to create a list of files and directories, and each item in the list is represented by an <li> tag. The text “File 1”, “File 2”, “Folder 1”, and “Folder 2” will be displayed in the browser as links that can be clicked to navigate to the corresponding files or folders.

However, as mentioned earlier, the <dir> tag is deprecated and should not be used in modern HTML documents. Instead, it is recommended to use the <ul> and <ol> tags for creating lists.

For example, to create an unordered list of files and folders, you can use the <ul> tag like this:

<ul>
  <li><a href="file1.html">File 1</a></li>
  <li><a href="file2.html">File 2</a></li>
  <li><a href="folder1/">Folder 1</a></li>
  <li><a href="folder2/">Folder 2</a></li>
</ul>

And to create an ordered list of files and folders, you can use the <ol> tag like this:

<ol>
  <li><a href="file1.html">File 1</a></li>
  <li><a href="file2.html">File 2</a></li>
  <li><a href="folder1/">Folder 1</a></li>
  <li><a href="folder2/">Folder 2</a></li>
</ol>

In both cases, the text “File 1”, “File 2”, “Folder 1”, and “Folder 2” will be displayed in the browser as links that can be clicked to navigate to the corresponding files or folders. The only difference is that the ordered list will display the items with numbers, while the unordered list will display the items with bullets.