Панель навигации
Панель навигации (или навигационная система ) — это раздел графического пользовательского интерфейса , призванный помочь посетителям получить доступ к информации. Панели навигации реализованы в операционных системах, файловых браузерах , [1] веб-браузерах , приложениях, веб-сайтах и других подобных пользовательских интерфейсах .
Файловые браузеры
Файловые браузеры используют навигационную панель, чтобы помочь пользователю перемещаться по файловой системе . Навигационные панели могут включать текущий путь , навигационную цепочку или список избранного . [2]
Веб-браузеры
Панель навигации веб-браузера включает в себя кнопки «Назад» и «Вперед», а также строку адреса , в которую вводятся URL-адреса . [3] Раньше функциональность панели навигации была разделена между панелью инструментов браузера и адресной строкой , но Google Chrome ввел практику их объединения.
Веб-дизайн
Обычно веб-сайты имеют основную панель навигации [4] и иногда вторичную панель навигации на всех страницах. Эти разделы веб-страницы будут включать ссылки на самые важные разделы сайта. Реализация и проектирование панелей навигации являются важнейшим аспектом веб-дизайна и удобства использования веб-сайта .
Обычно панели навигации располагаются в заголовке страницы , но могут также иметь форму боковой панели.
- Типичный заголовок веб-страницы с панелью навигации
- Панель заголовка в минималистичном стиле
- Навигация по страницам
Для разных целей можно выбрать разные типы панелей навигации, например, горизонтальные панели навигации и вертикальные панели навигации. А с динамическим проектом веб-сайта, включающим JavaScript, панели навигации могут быть разработаны так, чтобы быть адаптивными.
HTML5 навигационный тег
Некоторые ранние версии Netscape использовали тег HTML link для создания панели навигации для навигации по веб-сайтам. [5] Сегодня тег nav можно использовать для той же цели. [6] В HTML5 элементы навигации заключены в тег, часто содержащий список ссылок.<nav>
<nav> <ul> <li> <a href="/"> Главная </a> </li> <li> <a href="/"> Главная </a> </li> <li> <a href="/"> Главная </a> </li> <li> <a href="/"> Главная </a> </li> <li> <a href="/blog"> Блог </a> </li> <li> <a href="/contact"> Контакты </a> </li> <li> <a href="/about"> О нас </a> </li> </ul> </nav> Смотрите также
Ссылки
- ^ «Персонализация панели навигации Windows Explorer». PCWorld .
- ^ «Дельфин».
- ^ «Справка браузера Avant — Панель навигации».
- ^ «Панель навигации: пояснения и примеры».
- ^ "Ссылка".
Элемент LINK может использоваться для определения панели инструментов кнопок навигации или эквивалентного механизма, такого как пункты меню. Многие значения атрибута REL могут быть зарезервированы для этой цели (например, Home, Next, Previous и т. д.)
- ^ "HTML-тег <nav>".
 | Эта статья, связанная с World Wide Web , является заглушкой . Вы можете помочь Википедии, расширив ее. |
