Difference between the directory, menu lists and the unordered list
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.
<dir> lists.... </dir>
Example: This example illustrates the <dir> tag in HTML.
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.
<menu> lists... </menu>
Example: This example illustrates the <menu> tag in HTML
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.
<ul> lists.... </ul>
Difference between Directory List, Menu List, and Unordered List:
Directory Lists Menu Lists Unordered list It has been deprecated in HTML5 i.e. the latest version of HTML It 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.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.