13 Навігація

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

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

Для створення панелі навігації на основі маркованого списку необхідно насамперед створити сам список, розмістивши посилання всередині елементів <li>. Тег <li> визначає окремий елемент списку. Зовнішній тег <ul> або <ol> встановлює тип списку - маркований або нумерований. Потім список розміщується всередині елемента div з відповідним ID. Приклад навігації наведено нижче:

<div id="navigation">
<ul>
<li><a href="#">Головна</a></li>
<li><a href="#">Новини</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Галерея</a></li>
<li><a href="#">Контакти</a></li>
</ul>
</div>