Підсвічування поточного пункту навігаційного меню

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

Це дуже зручно, тому що дозволяє користувачеві швидше зорієнтуватися, де він знаходиться.

Основна ідея при створенні подібного "живого" меню полягає в наступному:

У нас є кілька сторінок (розділів і т.п.), які перебувають в меню.

Як правило, сайт "збирається" з окремих шматочків коду - таких собі "блоків", кожен з яких містить якусь логічно завершену частину сайту: хедер, футер, бічну панель і т.п.

У нашому випадку один з таких блоків - це блок з навігаційним меню, який підключається до кожної зі сторінок сайту (тому що навігація єдина на весь сайт).

Саме це і дозволяє нам зробити в такий спосіб:

При підключенні блоку з навігацією, на кожній окремій сторінці ми задаємо спеціальну змінну.

Дана змінна передається в навігаційне меню і, в залежності від того, яке значення було передано, виконується виділення різних пунктів меню для різних сторінок.

Саме оформлення, зрозуміло, задається у файлі стилів.

P.S. Придивіться до преміум-уроків з різних аспектів сайтобудування, включаючи програмування на PHP, а також до безкоштовного курсу по створенню своєї CMS-системи на PHP з нуля. Все це допоможе вам швидше і простіше освоїти цей потужний мову веб-розробки: