article.md

Типовые названия классов для html

Основные классы лэйаута

/* Основная обёртка для страницы */
.wrapper, .content-wrapper, .page-wrapper

/* Контейнер для контента - ширина и центровка */
.container, .inner-container

/* Строка для колонок */
.row

/* Колонка */
.col, .column

/* Распорка или сброс float */
.row, .clearfix, .clear

/* Элемент */
.item

Типовые блоки

/* хедер */
.header, .main-header, .page-header, .content-header, .*-header

/* футер */
.footer, .main-footer, .page-footer, .content-footer, .*-footer

/* навигация */
.main-navigation, .page-navigation, .navigation, .menu, .main-menu

/* основной конетнт */
.content, .main-content, .*-content

/* боковая колонка */
.sidebar, .page-sidebar

/* хлебные крошки */
.breadcrumbs, .breadcrumb

/* постраничная навигация */
.pagination

/* карта, интерактиваня карта */
.map, .map-canvas

/* типовой блок с конетнтом */
.block, .box

/* список */
.list, .*-list

/* таблица */
.table, .*-table

/* изображение */
.image, .img, .picture

/* кнопка */
.btn, .button

/* владелец */
.copyright

/* контакты */
.contacts

/* обратная связь */
.feedback

Состояния элементов

/* фиксированное положение на странице */
.fixed, .sticky

/* активный элемент, пункт меню, вкладка и т.д.*/
.active, .selected

/* неактивный, заблокированный */
.disabled, .inactive

/* скрытый */
.hidden, .*-hidden

Указатели

/* Следующий */
.next, .forward

/* Предыдущий */
.prev, .previous

/* Назад */
.back