Tag <menu> HTML Reference

Example

A menu list:

<menu>
  <li>html</li>
  <li>xhtml</li>
  <li>css</li>
</menu>

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

1. Definition and Usage

The <menu> element is deprecated in HTML 4.01.

The <menu> tag is used to create a list of menu choices.

2. Tips and Notes

Tip: Use CSS to style lists.

3. Differences Between HTML and XHTML

None

4. Optional Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.

Attribute Value Description DTD
compact compact Deprecated. Use styles instead.
Specifies that the list should render smaller than normal		 TF

5. Standard Attributes

The <menu> tag supports the following standard attributes:

Attribute Value Description DTD
class classname Specifies a classname for an element TF
dir rtl
ltr		 Specifies the text direction for the content in an element TF
id id Specifies a unique id for an element TF
lang language_code Specifies a language code for the content in an element TF
style style_definition Specifies an inline style for an element TF
title text Specifies extra information about an element TF

6. Event Attributes

The <menu> tag supports the following event attributes:

Attribute Value Description DTD
onclick script Script to be run on a mouse click TF
ondblclick script Script to be run on a mouse double-click TF
onmousedown script Script to be run when mouse button is pressed TF
onmousemove script Script to be run when mouse pointer moves TF
onmouseout script Script to be run when mouse pointer moves out of an element TF
onmouseover script Script to be run when mouse pointer moves over an element TF
onmouseup script Script to be run when mouse button is released TF
onkeydown script Script to be run when a key is pressed TF
onkeypress script Script to be run when a key is pressed and released TF
onkeyup script Script to be run when a key is released TF

Other HTML/XHTML tags:

<a> <abbr> <acronym> <address> <area> <b> <base> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgroup> <dd> <del> <dfn> <dir> <div> <dl> <dt> <em> <fieldset> <font> <form> <frame> <frameset> <head> <h1> - <h6> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <map> <menu> <meta> <noframes> <noscript> <object> <ol> <optgroup> <option> <p> <param> <pre> <q> <s> <samp> <script> <select> <small> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <title> <tr> <tt> <u> <ul> <var>

Relative articles

How to mark up the cross-mailer newsletters in HTML format
cross-mailer html newsletters

How to mark up the cross-mailer newsletters in HTML format

HTML newsletters is still very successful type of communication between readers and publishers. Publishers can track the different indicators of such letters, for example, reading the letter, forwarding, clickthroughs, as well as the interest of readers to the different products and topics. Readers absorb information like a regular web page as it is visually more appealing and more easily readable than text messages.

In this article I would like to share knowledges in creating of cross-browser and cross-mailer newsletters. This means – correct displaying of layout in all mail clients. I think that article is still quite relevant. Duty is a long time I was engaged with creating html layouts for newsletters around the world, and the following rules will cover the following mail client and web interfaces: Gmail, Yahoo Mail, Hotmail, MS Outlook, Thunderbird 2.0-3.0, Windows Live Mail, Apple Mail, AOL Mail, possible others.
(more…)

Written by: admin on April 13, 2011.
Using Flux Slider jQuery plugin
How to use Flux slider plugin

Using Flux Slider jQuery plugin

Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great – now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects). Of course, not all browsers support 3D transitions (I tested in Chrome – can confirm that it working here).
(more…)

Written by: admin on June 15, 2011.