Тег <menu>

Синтаксис

Описание

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

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

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

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

Атрибуты

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

Пример

HTML-код:

<!DOCTYPE html>

<head>

</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;
}