HTML - Menu / Toolbar (list of commands)

About

menu is an element that can be used as an alternative to ul (list) to express an unordered list of commands creating a Menu (toolbar).

See also: Arrow

Example

menu {
   display: block;
   list-style-type: none;
}

menu li {
    display: inline-block;
    text-align: center;
    padding: 16px;
}
<menu type="toolbar">
     <menu label="File">
        <li><button type="button" onclick="file_new()">New...</button></li>
        <li><button type="button" onclick="file_open()">Open...</button></li>
        <li><button type="button" onclick="file_save()">Save</button></li>
     </menu>
     <menu label="Edit">
        <li><button type="button" onclick="edit_cut()">Cut</button></li>
        <li><button type="button" onclick="edit_copy()">Copy</button></li>
        <li><button type="button" onclick="edit_paste()">Paste</button></li>
    </menu>
</menu>

Documentation / Reference





Discover More
CSS - Block Level (element|box)

Block-level refers to the (HTML) elements that are formatted visually as blocks. See for more information: Except for table boxes, and replaced elements, a block-level box can also be a block container...
HTML - UL element (unordered list)

ul is an element that represents an ordered list. The difference with an ordered list is just the numeration of the list item. Unordered list items are not numbered. menu



Share this page:
Follow us:
Task Runner