Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
HTML4 | 3.0 + | 1.0 + | 3.5 + | 1.0 + | 1.0 + | 1.1 + | 1.0 + |
HTML5 |
Специфікація
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег <menu> призначений для відображення списку пунктів меню. Аналогічно тегам <ol> і <ul> всередині контейнера <menu> список формується за допомогою тегів <li> .
В HTML4 тег <menu> вийшов з ужитку, замість нього рекомендується використовувати тег <ul> . У HTML5 тег <menu> знову включений, але вже в іншій якості. Тепер він виступає контейнером для тега <command> і створення меню.
Синтаксис
HTML | <menu> <li> пункт меню </li> <li> пункт меню </li> </menu> |
HTML5 | <menu> ... </menu> |
Атрибути
Закриваючий тег
Обов'язковий.
Валідація
Використання цього тега засуджується специфікацією HTML4, валідний код виходить тільки при використанні перехідного <!DOCTYPE> . У HTML5 застосування тега <menu> коректно.
Приклад 1
HTML 4.01 IE Cr Op Sa Fx
<!DOCTYPE HTML PUBLIC "-//W3C //DTD HTML 4.01 Transitional //EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> Тег MENU </title> </head> <body> <p> <strong> У цьому випуску: </strong> </p> <menu> <li> Російська кухня. Юшка бурлацька </li> <li> Українська кухня. Вареники </li> <li> Молдавська кухня. Папрікаш </li> <li> Кавказька кухня. Суп-харчо </li> <li> Балтійська кухня. Вертіняй </li> </menu> </body> </html>
Результат даного прикладу показаний на рис. 1.
Приклад 2
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Тег MENU </title> </head> <body> <menu type="toolbar"> <li> <menu label="Файл"> <button type="button"> Новий ... </button> <button type="button"> Відкрити ... </button> <button type="button"> Зберегти </button> </menu> </li> <li> <menu label="Правка"> <button type="button"> Копіювати </button> <button type="button"> Вирізати </button> <button type="button"> Вставити </button> </menu> </li> </menu> </body> </html>