HTML таг menu

Пример

Кратък пример как се използва тагът <menu>.

<menu type="toolbar" class="d-flex gap-2">
  <button type="button" class="btn btn-sm btn-primary">Нов документ</button>
  <button type="button" class="btn btn-sm btn-outline-secondary">Запази</button>
  <button type="button" class="btn btn-sm btn-outline-danger">Изтрий</button>
</menu>

Дефиниция и употреба

Тагът <menu> представлява група от команди или навигационни елементи, които потребителят може да използва. Исторически е бил предназначен за контекстни менюта и лентови менюта с бутони, но в съвременния HTML се разглежда като остарял за повечето случаи и често се заменя с <nav>, <ul> или просто с група бутони.

Елементът може да съдържа бутони, връзки или други интерактивни елементи. Често се използва с атрибута type="toolbar", за да обозначи лента с инструменти (toolbar), съдържаща команди като „Запази“, „Отвори“, „Печат“ и др. Въпреки това, реалната визуализация и поведение се контролират основно чрез CSS и JavaScript, а не от самия таг.

Поради ограничената и непоследователна поддръжка в различните браузъри, <menu> се използва рядко в модерните проекти. Ако все пак го използвате, препоръчително е да разчитате на собствени стилове (например чрез Bootstrap класове) и да не очаквате специално „меню“ поведение по подразбиране. За навигация в сайта е по-добре да се използва <nav> с вътрешен <ul>, а за групиране на бутони – <div> или <nav> с подходящи Bootstrap класове.

Browser Support

Browser	Поддръжка
Chrome	✔️
Firefox	✔️
Edge	✔️
Safari	✔️
Opera	✔️

Атрибути