Тег <menu>

Синтаксис

<menu>...</menu>

Описание

Тег <menu> (от англ. menu — меню) используется для отображения списка пунктов меню.

Внутрь данного контейнера вкладываются теги <li> или <menuitem>.

В HTML5 тег <menu> используется как семантическая альтернатива тегов <ul> и <ol> для создания панели инструментов со списком команд.

Атрибуты, которые можно использовать в теге <menu>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
label текст

Указывает видимую метку для меню
type list
toolbar
context		 Указывает тип отображаемого меню

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег menu</title>
</head>
<body>
    <menu>
        <li>
            <a href="/home/">Главная</a>
        </li>
        <li>
            <a href="/about-us/">О нас</a>
        </li>
        <li>
            <a href="/contacts/">Контакты</a>
        </li>
    </menu>
</body>
</html>

Отображение в браузере:

  • Главная
  • О нас
  • Контакты

    • Параметры CSS по умолчанию

    menu {
        display: block;
        list-style-type: disc;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px;
    }

    Поддержка браузера

    Элемент

    Chrome

    Chrome

    Opera

    Opera

    Firefox

    Firefox

    Safari

    Safari

    Microsoft Edge

    Microsoft Edge
    <menu> Да Да Да Да Да