Types of HTML menus?

Print anything with Printful



HTML menus come in different types, including static links, drop-down menus, multilevel menus, and floating menus. Implementation may require CSS, scripting, or external modules. Multilevel menus allow complex navigation, while floating menus can be convenient but may not be supported by all browsers.

There are several types of HyperText Markup Language (HTML) menus, although the implementation of most of them requires the use of cascading style sheets (CSS), a scripting language or some external modules. The most basic type is a list of static links. A horizontal or vertical options strip can be made to look like a desktop application menu bar. Multilevel menus allow each menu option to contain another menu and can be used for complex navigation through a large website. Special effects such as floating HTML menus or menus that animate when opened are also possible on a website.

The most basic type of HTML menu is a list of static links. This is also one of the few ways to implement a basic pure HTML menu. The menu in this case is basically just a list of links, each of which is a hyperlink to a destination. While very simple, this type of menu will appear on all devices and doesn’t rely on any special browser features to function.

Drop-down HTML menus resemble a menu bar in a standard desktop application. When you click on a word or icon in this type of menu, a box opens containing selectable options under the clicked word or icon. A drop-down menu is familiar to most computer users, but it can make navigating a website difficult if too many options or headers are used.

Multilevel HTML menus are a way to implement a nested menu structure. This can look like a drop-down menu or more like a property tree, with each option having a way to expand any sub-options in the tree. With the use of dynamic HTML (DHTML) or a scripting language, a multi-level menu can be dynamically generated from a set of web pages and updated as you navigate. One possible complication is that if the depth of the options tree is very deep, the formatting of a web page may suffer.

Floating HTML menus use less standardized techniques than other types of HTML menus, but they can create a convenient navigation element for a page. Using CSS and scripting, a single frame can be placed in a static position on the page so that despite scrolling, the menu always appears in the same place. However, some browsers don’t necessarily support the placement code required for a floating menu. Without careful page design, the menu could actually contain important information about the page.




Protect your devices with Threat Protection by NordVPN


Skip to content