Главная / Верстка / Теги html / menu тег html

menu тег html


12.07.2013 20:081759

Описание

Тег menu в html служит для определения списков / меню и используется для взаимодействия с контекстным меню, панелью инструментов и для включения управления формы и команд. 

Атрибуты

АТРИБУТ ЗНАЧЕНИЕ ОПИСАНИЕ
label

ltr

rtl

Определяет видимую метку для меню  
type popup
toolbar
context
указывает тип меню



<menu type="list"> (по умолчанию)Задает список команд (li элементов), которые пользователь может выполнять или активировать
<menu type="toolbar"> Определяет меню панели инструментов. Активный команд, позволяет пользователю взаимодействовать с командами немедленно
<menu type="context"> Определяет контекстное меню. Меню должно быть активировано прежде чем пользователь сможет взаимодействовать с командами

Добавление в контекстное меню иконки и ссылки на главную prohtml.net, и подменю с иконками и ссылками на онлайн сервисы:

Пример

<!DOCTYPE html>
<html>
<body>

<div style="box-shadow: 0 0 1px #222;;padding:5px;" contextmenu="mymenu">
<p>Кликните правой кнопкой здесь

<menu type="context" id="mymenu">
  <menuitem label="Prohtml.net - на главную" icon="/logo.png" onclick="window.open('//prohtml.net');"></menuitem>
  <menu label="Prohtml.net - онлайн сервисы">
    <menuitem label="Генератор каркаса шаблона" icon="prev_74.png"  onclick="window.open('//prohtml.net/services/templater');"></menuitem>
    <menuitem label="Генератор градиента" icon="prev_75.png"  onclick="window.open('//prohtml.net/services/unigradgen');"></menuitem>
  </menu>
</menu>

</div>

<p>Работает в Firefox!</p>

</body>
</html>

 


Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<menu>...</menu> обязателен

Браузеры поддерживающие <menu>

Element
<menu> Not supported Not supported 8.0
(only context menus)
Not supported Not supported


Html , Menu , Тег , Тег Menu





«menu тег html» - Похожие страницы

Нет записей


Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям