<menu>

Draft

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.