or (HTML5)

Question

W3Schools.com and I'm pretty sure I remember seeing W3C.org state that <menu> should be used for Toolbar menus and listing form control commands.

So, which one should I use for my main menu? Nav, or Menu? Does it matter?

You may want to read [w3fools](http://w3fools.com/). – zzzzBov Feb 11 '11 at 16:16 — zzzzBov, Feb 11 '11 at 16:16
What is a 'form control command'? – Mads Skjern Aug 13 '14 at 19:04 — Mads Skjern, Aug 13 '14 at 19:04

score 169 · Accepted Answer · answered Feb 11 '11 at 16:22

169

nav is used for groups of internal links (a elements). Generally this means the links should travel to separate pages, or change content in the case of an AJAX page. Expect some sort of content change when clicking on a nav item.

menu is used for groups of controls (a, input, button). Generally this means the inputs should perform a function within the page. Expect some sort of javascript interaction when clicking on a menu item.

nav: the navigation for the site.

menu: the menu for a web application.

answered Feb 11 '11 at 16:22

zzzzBov

174,988
54
320
367

8

Interesting fact: The spec allows to nest `
` elements directly under a `` tag, without the need for a `
`'s `type` attribute is omitted or set to `"toolbar"`. See the specification for [the `
` element](http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-li-element) and [the `` element](http://www.w3.org/html/wg/drafts/html/master/single-page.html#the-menu-element).

tomekwi

May 27 '15 at 07:31

Can someone point me to `` in one of the W3C HTML5 specs? I'm finding it in the [WHAT WG version](https://html.spec.whatwg.org/#menus), but not in the [latest W3C HTML 5.3 draft](https://www.w3.org/TR/html53/dom.html#elements). – Garret Wilson Feb 21 '20 at 02:10

score 11 · Answer 2 · edited Apr 30 '14 at 21:51

11

Here's an HTML5Doctor post on nav with a section on how it's different from menu (basically, use it in actual apps). Looks like you want nav.

edited Apr 30 '14 at 21:51

Volker E.

5,911
11
47
64

answered Feb 11 '11 at 16:05

Su'

2,128
20
22

score 2 · Answer 3 · edited Oct 15 '13 at 22:33

2

With the <menu> it's usually used for context menus.

MDN has good documentation on it: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu

edited Oct 15 '13 at 22:33

rink.attendant.6

44,500
61
101
156

answered Oct 01 '13 at 01:48

Jack

21
1

This is not valid anymore. Quote from the link in your answer: _Note: In early versions of the HTML specification, the element had an additional use case as a context menu. This functionality is considered obsolete and is not in the specification._ – lukas.j Mar 20 '23 at 11:43

score 1 · Answer 4 · answered Dec 26 '18 at 23:47

The best place to get this answer is the HTML 5 standards them self.

Menu is defined in HTML 5.1 2nd Edition.

It, "... represents a group of commands."

Nav is defined in HTML 5.

It is, "... a section of a page that links to other pages or to parts within the page: a section with navigation links."

There are notes for nav that I didn't include but think are important, but I think its best for you to get the definition yourself from the standards.

The definitions marked in this post as the answer are close to correct but have extraneous statements in them that make the answer itself wrong.

Nick Manning · Answer 5 · 2014-04-16T22:05:12.323

0

<nav> is a section (like <section> or <article>) so it will appear in your HTML document outline. Due to this, I would use <menu> 99% of the time. To me, <nav> is a mix between <section> and <menu>, with the added constriction that <nav> should be used specifically for navigation, whereas <menu> can be for anything that might be called a menu (including a navigation bar). So most navigation bars, despite the fact that they are navigation bars, do not fit the strict requirements of <nav>, and <menu> is more appropriate.

I have never in my web development career found a situation where I wanted my navigation bar to be part of the document outline.

edited Apr 16 '14 at 22:05

answered Apr 16 '14 at 22:00

Nick Manning

2,828
1
29
50

2

This is incorrect. You should _rarely_ (if ever) use `` on a website that is not a web app - 99% of the time, your navigation 'menu' will be static links to other pages or other sections on the page, which is what `
` is for, according to the spec.
– Ivan Durst May 26 '15 at 18:03
@IvanDurst, my point is that if you are building simply a list of static links, `nav` is not a good tag choice because `nav` is a section element so it will become part of the document outline as if it's a section with a header and content. This is in fact a rare scenario where you want your `nav` to act like a section. `menu` was just a suggestion as a semantic replacement. I don't see anything in the spec saying it can't be used in this way. Seems to fit. But if you for some reason believe that menu is only for what you define as a web app, then I recommend `ol` or `ul` as a replacement. – Nick Manning May 26 '15 at 18:30
According to the compatibility table [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu#Browser_compatibility), `` still has poor support at this time. (Is it really true that Chrome has no support for it??) Also, you can achieve the exact same semantics by providing the `role="menu"` attribute to another element (e.g. a div or a nav). The role attribute overrides the default semantics for any element. – brennanyoung May 18 '18 at 12:42

or (HTML5)

5 Answers5

Linked

Related