Как сделать футер сайта

Футер, или подвал сайта, является важным элементом в структуре веб-страницы. Он содержит дополнительную информацию о компании, контактные данные, ссылки на социальные сети и другие важные элементы, такие как копирайт и ссылка на политику конфиденциальности. Подвал часто используется для улучшения юзабилити сайта, так как позволяет пользователям быстро найти ключевую информацию без необходимости прокрутки всего содержания.

Основы HTML

Для начала работы над футером нам понадобится базовое понимание структуры HTML-документа. Футер размещается внутри элемента ``. Вот простейший пример:
```html

...


```

Стили CSS

Для стилизации футера можно использовать CSS-классы. Основываясь на базовом примере HTML, добавим немного CSS для создания простого и симметричного подвала:
```css
footer {
background-color:

333;

color: white;
text-align: center;
padding: 10px 0;
}
```
С помощью `padding`, `margin` и других стилей вы можете настроить ваш футер в зависимости от потребностей дизайна, будь то один или несколько столбцов. Рассмотрим вертикальный подвал на нескольких полноразмерных элементах, с дополнительным расстоянием на мобильных устройствах для читаности:
```css
@media (min-width: 992px) {
footer .row {
margin-left: -5px;
margin-right: -5px;
}

footer .col-lg-4 {
padding: 15px 0;
background-color:

f7f7f7;

border-right: 1px solid

e5e5e5;

}

/* И так далее для каждого элемента внутри футера */
}
@media (max-width: 991px) {
footer .col-sm-6 {
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid

e5e5e5;

}

/* Дополнительные стили для мобильных устройств */
}
```
Не забудьте также обеспечить футер адаптивными стилями. Применение медиа-запросов поможет гарантировать его корректное отображение при изменении размера экрана.

Семантическая значимость

С точки зрения семантики, `