Меню на сайте или панель навигации - важный и необходимый элемент на любом сайте. Меню позволяет посетителям сайта хорошо ориентироваться на каждой веб-страницы и легко видеть общую структуру проекта. К тому же для продвижения сайта грамотно спроектированное играет тоже большую роль. Итак, мы разобрались с общим назначением этого элемента. Но как его можно сделать при вёрстке сайта? Ответ читайте ниже.
1 способ. Использовать маркированный список - теги языка html ul и li. Если нужно сделать горизонтальное меню, то отображаемые по умолчанию пункты меню в списке вертикально мы должны выстроить по горизонтали. Для этого через стили сайта css мы для тега li задаём float: left или же display: inline-block
2 способ создания горизонтального меню - в виде условной таблицы. Также пункты меню можно обернуть в список и для тега li прописать в css display: table-cell
3 способ. Делаем меню на flex. Родительскому элементу - тег ul или блоку обёртке div указываем в css display: flex.
Вот такие способы создания меню сайта есть в вёрстке.