Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег menu | назначение, синтаксис, атрибуты, примеры

Тег menu

Последнее обновление: 25.02.2009

Тег <menu> (с англ. меню) — тег-контейнер для элементов <li>, определяет список меню (не нумерованный).
Блочный элемент.

Тег <dir> был разработан для создания списка из нескольких столбцов. Тег <menu> — для создания списка в один столбец.

HTML: 3.2 | 4 / XHTML: 1.0 (Strict, Transmissional, Frameset) | 1.1

Синтаксис

<menu>
<li>
...</li>
</menu>

Атрибуты


class определяет имя используемого класса
compact выводит список с уменьшенными интервалами (отступами)
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
disabled флаг. При установке выводит список, как неактивный.
Отсутствует в спецификации HTML 4.01!
id уникальный индетификатор
lang определяет язык отображаемого документа
onclick щелчек на элементе
ondblclick двойной щелчек на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
type определяет вид нумерации

  • A — заглавные латинские буквы
  • a — строчные латинские буквы
  • I — заглавные римские цифры
  • i — строчные римские цифры
  • 1 — арабские цифры (по умолчанию)

Отсутствует в спецификации HTML 4.01!

title всплывающая подсказка
Пример

Список пунктов меню


<menu type="A">
<li>
Первый</li>
<li>
Второй</li>
<li>
Третий</li>
<li>
Четвертый</li>
</menu>

Результат

  • Первый
  • Второй
  • Третий
  • Четвертый
  • Неактивный список


    <menu type="1" disabled="disabled">
    <li>
    Раз</li>
    <li>
    Два</li>
    <li>
    Три</li>
    </menu>

    Рекомендации по использованию
    • закрывающий тег обязателен (</menu>)
    • должен содержать элементы <li>
    • обязательных атрибутов нет
    • поддерживается не всеми браузерами
    • по умолчанию в некотрых браузерах может иметь отступы
    • при использовании XHTML 1.0 Strict, XHTML 1.1, HTML 4.01 Strict не пройдет валидацию
    • тег <menu> не рекомендуем использовать, вместо него следует применять тег <ul>
    Твой код:

    Результат: