75

Верстка меню сайту. Відеоуроки верстки сайтів, 4

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

Перед версткою меню, уважно вивчаємо макет: чи є додаткові елементи окрім списку посилань, чи є меню другого рівня і т.д. Враховуючи особливості до того, що нам потрібно мати, описуємо меню в html кодом.

Зазвичай меню сайту у html вкладають в елемент списку <ul>, відповідно пункти меню перераховують в тегах <li>. Але у html5 для основної навігації сайту є спеціалізований тег – <nav>, перелік посилань стандартний.

Для визначання активного посилання, при наведенні на нього курсора, у css використовуємо псевдоклас :hover, задаючи йому відмінні від звичайного стану стилі.

Читайте також: