Definition
The <menu> HTML element is used to define a list of commands or options that can be presented to users. It is often used to create a menu or a list of actions that users can choose from.
Here’s an example of how to use the <menu> element:
<menu>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</menu>
In this example, the <menu> element wraps a list of menu items. Each menu item is represented by an <li> (list item) element, and the actual commands or options are defined within <a> (anchor) elements. The <a> elements specify the URLs to navigate to when a menu item is selected.
The <menu> element can also be used in conjunction with the type attribute to create specific types of menus. For example, the type="context" attribute can be used to create a context menu, which is a menu that appears when the user right-clicks on an element.
<menu type="context">
<li><a href="#">Copy</a></li>
<li><a href="#">Paste</a></li>
<li><a href="#">Delete</a></li>
</menu>
In this context menu example, the <menu> element has the type="context" attribute to indicate that it is a context menu. The menu items represent actions that can be performed on a selected element.
It’s worth noting that the <menu> element is not widely supported across all browsers, and its usage has become less common. For creating menus or navigation systems, it is often recommended to use the <ul> and <li> elements along with CSS for styling and functionality.