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