Навигация по сайту




Одним из наиболее важных элементов любого Web-сайта является панель навигации. Сайт cnn.com использует «вкладки», расположенные вдоль верхней границы окна браузера, которые отсылают посетителя к разным разделам новостей, таким, как «Технологии», «Здоровье», «Спорт» и т. д. Страницы поиска Google имеют аналогичную «ленту» в верхней части страницы, чтобы вы могли попробовать повторить свой поиск по другим категориям информационного наполнения — таким, как «Картинки»‚ «Видео», «Карты» и т. д. Также панели навигации есть на сайте «Вконтакте», кстати как обойти его блокировку на Украине подробно описано на сайте http://md-eksperiment.org.

Кому вообще надо заботиться о семантическом смысле элементов навигации по сайту? Во-первых— тем, кто заботится о посетителях с ограниченными физическими возможностями. Почему? Рассмотрим следующий сценарий: предположим, пользователь ограничен в движениях, и пользоваться мышью для него затруднительно, если вообще возможно. В качестве компенсации можно предложить дополнительный МОДУЛЬ браузера (add-on), который позволил бы вам переходить вперед или назад по большинству ссылок навигации. Или давайте рассмотрим следующий сценарий: вы плохо видите, вам было бы лучше использовать специализированную программу типа «экранной читалки» (screenreader), которая зачитывала бы вслух содержимое Web-страниц и преобразовала бы его в краткую сводку, используя для этого преобразование текста в речь с применением «синтеза голоса». Как только вы минуете заголовок страницы, следующей важной частью содержащейся на ней информации будут навигационные ссылки (navigation links). Если вам требуется быстрая навигация, вы сообщаете программе чтения с экрана (screenreader) о необходимости перехода к панели навигации и начале зачитывания. Если вы хотите перейти к быстрому просмотру, вы можете дать программе screenreader команду пропустить панель навигации и начать зачитывание основного седержимого. В любом случае, возможность программного определения навигационных ссылок крайне важна.

Таким образом, будет правильно и вполне корректно, если вы определите разметку навигации по вашему сайту с помощью элементов <div id=»nav»>‚ но, наряду с этим, здесь нет ничего и особо прогрессивного. С точки зрения обычных людей этот подход далек от оптимального. HTML5 предлагает семантический подход к разметке навигационных разделов: элемент <nav>.


Скачать Windows 7

Добавить комментарий

  

  

:bye: 
:good: 
:negative:  
:scratch: 
:wacko:  
:yahoo: 
B-) 
:heart: 
:rose:  
:-) 
:whistle: 
:yes: 
:cry: 
:mail:  
:-(   
:unsure:  
;-)