HTML теги. HTML списки. Тег UL
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
HTML теги. HTML списки. Тег MENU
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <menu>. Описание тега <menu>, атрибуты тега <menu>, синтаксис тега <menu>, пример использования тега <menu>. Тег <menu> относится к группе тегов HTML списков, список меню.
Содержание статьи:
HTML тег <menu> относится к тегам предназначенным для формирования HTML списков, формирует списки меню. Тег <menu> создает список пунктов меню. HTML элемент <menu> является блочным элементом. Для блочных HTML элементов характерно то, что их ширина зависит от области, в которой они находятся. Внутри элемента меню могут располагаться только элементы <li>
Так же, как и в случае с маркированным списком, формируемым тегом <ul> и нумерванным списком, формируемым тегом <ol>, элементы меню формируются при помощи тега <li>. В HTML 4 тег <menu> запрещен, вместо него следует использовать тег <ul>.
В HTML 5 тег <menu> разрешен, но используется для других целей: он служит оберткой для тега <command> для создания меню сайта.
HTML тег <menu> является парным HTML тегом, для парных тегов закрывающий тег обязателен.
[php]
<menu>
…
</menu>
[/php]
Тег <menu>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты. Также для тега <menu> доступны два уникальных атрибута:
Label – Атрибут label служит для создания видимой метки
Type – При помощи атрибута type можно задать тип меню
Теги HTML списков
В языке HTML имеется целая группа тегов предназначенных для формирования HTML списков.
Теги, формирующие HTML списки:
- <dd> - контейнер для записи определения в списке определений HTML
- <dl> - формирует список определений HTML
- <dt> - контейнер, в который записывается термин списка определений
- <li> - создает элемент списка для любого вида HTML списков
- <dir> - создает список директорий HTML
- <ol> - создает нумерованный список HTML или упорядоченный список
- <ul> - создает неупорядоченный список HTML или иначе маркированный список
Пример использования в HTML 4, крайне не рекомендуется это делать:
[php]
<!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>
<menu>
<li>Первый пункт</li>
<li>Второй пункт
<dir>
<li>Первый подпункт</li>
<li>Второй подпункт</li>
</dir>
</li>
<li>Третий пункт</li>
</menu>
</body>
</html>
[/php]
Пример использования в HTML 5:
[php]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример использования тега MENU в HTML 5</title>
</head>
<body>
<menu type="context">
<menu label="Переключи">
<li><input type="checkbox" />Активируй</li>
<li><input type="checkbox" />Можешь вот тут еще нажать</li>
</menu>
<menu label="Выбери">
<input type="radio">Раз</button>
<input type="radio">Два</button>
<input type="radio">Три</button>
</menu>
</menu>
</body>
</html>
[/php]
Если вы скопируете примеры в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
Пример использования тега <menu> в HTML 4:
Пример использования тега <menu> в HTML 5:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Ну если вы каждый из HTML тегов так опишите, то будет неплохой HTML справочник, который всегда под рукой!;) Могу помочь с созданием справочника в CHM формате!!!;)
Да вы прям угадали, примерно в таком виде я и хочу написать по каждому HTML тегу, ну думаю CHM справочник HTML — это сильно круто, нужен как минимум тех. редактор и просто редактор, чтобы такие вещи делать, но можно подумать и о HTML справочнике.