home | O'Reilly's CD bookshelfs | FreeBSD | Linux | Cisco | Cisco Exam  

HTML: The Definitive Guide

Previous Chapter 8
Formatted Lists

8.6 Menu Lists

The HTML menu list is yet another specialized form of the unordered list.

The <menu> Tag

The <menu> tag displays a list of short choices to the reader, such as a menu of links to other documents. The browser may use a special (typically more compact) representation of items in a menu list compared with the general unordered list, or even use some sort of graphical pull-down menu to implement the menu list. If the list items are short enough, the browser may even display them in a multicolumn format, and may not append a leading bullet with each list item.

Like an unordered list, define the menu list items with the <li> tag. When used within a menu list, however, the <li> tag may not contain any block element, including paragraphs, other lists, preformatted text, or forms.

Compare the source text below and the Mosaic display (Figure 8.9) with the directory (Figure 8.8) and unordered (Figure 8.1) list displays we presented earlier in this chapter.

Some popular kumquat recipes include:
  <li>Pickled Kumquats
  <li>'Quats and 'Kraut (a holiday favorite!)
There are many more to please every palate!

The <menu> tag also has the compact attribute to produce an even more reduced list presentation, although in practice, few browsers are willing or able to implement the compacted menu list display. Netscape, in fact, doesn't distinguish between a menu and an unordered list.

You can change the style of the bullet that precedes the <menu> list items with the type attribute extension and the values circle, square, or disc. This behavior is identical to that of the type attribute in an unordered list.

The style and class attributes

The style attribute for the <menu> tag creates an inline style for the elements enclosed by the tag, overriding any other style rule in effect. The class attribute lets you format the content according to a predefined class of the <menu> tag; its value is the name of that class. [the section called "Inline Styles: The style Attribute"] [the section called "Style Classes"].

Previous Home Next
Directory Lists Book Index Definition Lists

HTML: The Definitive Guide CGI Programming JavaScript: The Definitive Guide Programming Perl WebMaster in a Nutshell