41

Стилізація сайдбару. Верстка сайтів, 8

Сайдбар (sidebar), або ж бокова частина сайту – це блок на сторінці сайту, що містить додаткову інформацію. У цей блок зазвичай публікується не важливий, але функціональний контент: деталізоване меню, останні коментарі, свіжі новини, рекламні блоки, інфо з особистого кабінету і т.п. 

Сайдбар розміщується по правій або по лівій стороні сторінки. Іноді на сайтах є два сайдбари – з обох боків сторінки. У html5 є спеціальний тег <aside>, для реалізації цього блоку.

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

Окрім стилізації розміщення, потрібно прописати ще вигляд елементів у середині тегу aside. Це робиться відповідно до psd макету.

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