Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

Difference between the directory, menu lists and the unordered list

  • Last Updated : 24 Aug, 2021

While creating an unordered list, we can make use of two different types of tags. These are used to generate directory lists and menu lists.

Directory Lists: The directory list is created using the HTML <dir> tag. This tag is used as a container for lists of files/folders of a directory. With the introduction of HTML 5, the <dir> tag has become deprecated and is no longer supported.

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

Syntax:

<dir> lists.... </dir>

Example: This example illustrates the <dir> tag in HTML.



HTML




<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>Dir Tag</h2>
    <p>List of all computer science subjects:</p>
  
    <!-- dir tag starts here-->
    <dir>
        <li>Admin</li>
        <li>User</li>
        <li>Writer</li>
        <li>Database Manager</li>
        <li>Founder</li>
    </dir>
    <!-- dir tag ends here-->
      
</body>
  
</html>


 

Output:

Menu Lists: Menu lists work in the same manner as the directory lists. The <menu> tag is used to create a menu list. It serves as the container for menu items and displays them in the form of a list. Refer to the link to know the difference between <nav> and <menu> for better understanding.

Syntax:

<menu> lists... </menu>

Example:  This example illustrates the <menu> tag in HTML

HTML




<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>Menu Tag</h2>
    <p>List of all folders in the directory</p>
  
    <!-- menu tag starts here-->
    <menu>
        <li>Admin</li>
        <li>User</li>
        <li>Writer</li>
        <li>Database Manager</li>
        <li>Founder</li>
    </menu>
    <!-- menu tag ends here-->
</body>
  
</html>

Output:

Unordered Lists: Unordered Lists are also used to create a list of items. As the name suggests there is no particular order of the items i.e. they are unordered.

Syntax:

<ul> lists.... </ul>

Example:

HTML




<!DOCTYPE html>
<html>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>Menu Tag</h2>
    <p>unordered list for professions</p>
  
    <ul>
        <li>Teacher</li>
        <li>Admin</li>
        <li>User</li>
        <li>Writer</li>
        <li>Manager</li>
        <li>Founder</li>
        <li>Salesperson</li>
    </ul>
</body>
  
</html>

Difference between Directory List, Menu List, and Unordered List:

Directory Lists Menu ListsUnordered list
It has been deprecated in HTML5 i.e. the latest version of HTMLIt is supported by HTML 5.It is actively supported by HTML 5.
They do not support any attributes for the styling of bullets.They do not support any attributes for the styling of bullets.Bullets in an unordered list can be styled using the list-style-type attribute
The attributes of these lists are not supported by any of the browsers.The attributes of these lists are not supported by any of the browsers.The attributes of the unordered list are supported by all the renowned browsers available in the market.
They are generally less preferred in search engine results.They are generally less preferred in search engine results.They are helpful in SEO (Search Engine Optimization) as they produce less noise and return better results in a search.



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!