seodon.ru | Теги HTML — Тег MENU
Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
Тег <MENU> используется для создания неупорядоченных списков. Изначально он разрабатывался под списки, состоящие из одного столбца. Например, для отображения пунктов меню навигации. Элементы списка формируются при помощи тегов <LI>.
Тег <MENU> является устаревшим, вместо него лучше применять тег <UL>, который абсолютно аналогичен по своему действию.
Атрибуты
Личные атрибуты: нет.
Общие атрибуты:
- accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
- class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
- dir — указывает направление текста внутри элемента.
- id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
- lang — указывает язык, на котором написан текст внутри HTML-элемента.
- style — необходим для применения встроенных стилей CSS к тегу.
- tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
- title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.
Тип тега
Назначение: списки.
Модель тега: block (блочный, уровня блока).
Должен содержать: тег или теги <LI>.
Открывающий тег: необходим. Закрывающий тег: необходим.
Синтаксис
<menu> <li>...</li> </menu>
Пример HTML: применение тега MENU
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>seodon.ru - Применение тега MENU</title> </head> <body> <menu> <li>Ниф-ниф.</li> <li>Нуф-нуф.</li> <li>Наф-наф.</li> </menu> </body> </html>
Результат примера
Результат. Применение тега MENU.
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Частично | Да | Частично | Нет |
В HTML 4.01 и XHTML 1.0 использовать тег <MENU> допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код.
В HTML 5 <MENU> вновь появился, и, в частности, служит для семантического выделения пунктов меню. Причем от уже может содержать не только элементы списка, но и любые блочные или строчные теги, например, <BUTTON>.
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9. 2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |
Теги HTML — Тег
Описание
Тег <menu> предназначен для отображения списка пунктов меню. Аналогично тегам <ol> и <ul> внутри контейнера <menu> список формируется с помощью тегов <li>.
В HTML4 тег <menu> вышел из употребления, вместо него рекомендуется использовать тег <ul>. В HTML5 тег <menu> вновь включен, но уже в другом качестве. Теперь он выступает контейнером для тега <command> и создания меню.
Синтаксис
HTML | <menu> <li>пункт меню</li> <li>пункт меню</li> </menu> |
HTML5 | <menu> ... </menu> |
Атрибуты
- label
- Устанавливает видимую метку для меню.
- type
- Задает тип меню.
Закрывающий тег
Обязателен.
Валидация
Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного <!DOCTYPE>. В HTML5 применение тега <menu> корректно.
Пример 1
<!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>
Пример 2
<!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>
Спецификация ?
Спецификация | Статус |
---|---|
WHATWG HTML Living Standard | Живой стандарт |
HTML5.1 | Рабочий проект |
✖
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные
?Internet Explorer | Chrome | Opera | Safari | Firefox |
8 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
8 |
✖
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
HTML5. | Блочные элементы. | Списки.
HTML-тег
Элемент HTML представляет собой панель инструментов, состоящую из ее содержимого в виде неупорядоченного списка элементов (представленных элементами li), каждый из которых представляет команду, которую пользователь может выполнить или активировать.
Элемент — это просто семантическая альтернатива элементу
для выражения неупорядоченного списка команд (обычно называемого «панелью инструментов»).
<меню> 9Элемент 0004 указан в спецификации WHATWG HTML Living, но не в спецификации W3C HTML5.2.
Синтаксис
Тег записывается как
, а его содержимое вставляется между начальным и конечным тегами. Атрибут типа
можно использовать для указания типа объявляемого меню.
Элемент может содержать ноль или более элементов
, которые потенциально могут содержать другие <меню>
элемента.
Вот так:
<меню>
Пример
Вот пример использования тега для создания панели инструментов.
<меню>
Как уже упоминалось, он просто создает семантическую альтернативу элементу
, поэтому любые стили для панели инструментов должны выполняться с помощью CSS, и вы можете использовать язык сценариев, такой как JavaScript или JQuery, для выполнения применимого действия для каждого меню. элемент.
Атрибуты
Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.
Элемент принимает следующие атрибуты.
Атрибут | Описание |
---|---|
Нет |
Глобальные атрибуты
Следующие атрибуты являются стандартными для всех элементов HTML. Поэтому вы можете использовать эти атрибуты с тегом , а также со всеми другими тегами HTML.
-
ключ доступа
-
автокапитализация
-
класс
-
контентредактируемый
-
данные-*
-
директор
-
перетаскиваемый
-
скрытый
-
идентификатор
-
режим ввода
-
это
-
идентификатор товара
-
элементпроп
-
Артикул
-
предметная область
-
тип изделия
-
язык
-
часть
-
слот
-
проверка правописания
-
стиль
-
tabindex
-
Название
-
перевод
Полное объяснение этих атрибутов см. в разделе Глобальные атрибуты HTML 5.
Обработчики событий
Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.
-
прерывание
-
onauxclick
-
размытие
-
при отмене
-
онканплей
-
oncanplaythrough
-
при смене
-
по клику
-
при закрытии
-
в контекстном меню
-
онкопия
-
при обмене
-
врезной
-
ondblclick
-
ондраг
-
ондрагенд
-
ондрагентер
-
выход на драге
-
на накладке
-
ондраговер
-
ондрагстарт
-
впускной
-
ondurationchange
-
пустой
-
одноконцевой
-
при ошибке
-
онфокус
-
данные формы
-
на входе
-
недействительный
-
нажатие клавиши
-
нажатие клавиши
-
onkeyup
-
onlanguagechange
-
под нагрузкой
-
загруженные данные
-
загруженные метаданные
-
запуск при загрузке
-
по нажатию мыши
-
ввод с помощью мыши
-
для мышей
-
перемещение мыши
-
onmouseout
-
при наведении мыши
-
на мышке вверх
-
паста
-
при паузе
-
в игре
-
в игре
-
в процессе
-
при изменении скорости
-
при сбросе
-
при изменении размера
-
при прокрутке
-
нарушение политики безопасности
-
поиск
-
поиск
-
по выбору
-
при смене слота
-
установлен
-
при отправке
-
приостановить
-
своевременное обновление
-
нагрудник
-
при изменении объема
-
в ожидании
-
на колесе
Большинство атрибутов содержимого обработчиков событий можно использовать для всех элементов HTML, но для некоторых обработчиков событий существуют определенные правила, определяющие, когда их можно использовать и к каким элементам они применимы.
Дополнительные сведения см. в разделе Атрибуты содержимого обработчика событий HTML.
HTML: тег
В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.
Описание
Тег HTML определяет неупорядоченный список меню в документе HTML. Этот тег также часто называют элементом