Если на вашем сайте более одной страницы, вам придется разработать систему навигации по сайту. На самом деле навигация является одной из самых важных частей архитектуры любого сайта, и потому ее следует тщательно продумать, чтобы предоставить пользователям возможность удобного перемещения от одного раздела к другому.

 
Когда речь идет о создании удобной системы навигации, возможности CSS предстают во всей своей красе. Применяемые ранее методы были основаны, как правило, на использовании большого количества изображений, вложенных таблиц и сценариев на JavaScript. Безусловно, это оказывало негативное влияние на юзабилити и доступность сайтов. Если по сайту нельзя перемещаться при использовании устройств, не поддерживающих JavaScript, то вы рискуете потерять часть пользовательской аудитории, отключившей JavaScript, и тех, кто пользуется устройствами, воспринимающими исключительно текст (например, экранными дикторами). Не стоит забывать и о роботах поисковых систем, которые в такой ситуации не смогут пройти дальше главной страницы сайта. Если ваших клиентов не беспокоят вопросы доступности, объясните им, что с такими неуклюжими меню они рискуют опуститься в самый низ списка в рейтинге поисковых систем!

С помощью CSS можно создать привлекательную панель навигации с текстовыми ссылками, которые можно разметить таким образом, что они будут доступны и пользователям, физически не имеющим возможности увидеть ваш сайт, но желающим получить размещенную на нем информацию. В настоящей главе мы рассмотрим множество различных методов создания панелей навигации с помощью CSS. Некоторые из них вполне подойдут для замены старых графических меню на уже существующих сайтах, что сократит время их загрузки и сделает более доступными для различных категорий пользователей и поисковых систем. Другие предназначены для использования на сайтах, сверстанных исключительно на CSS.