> For the complete documentation index, see [llms.txt](https://kaze.gitbook.io/qa-theory/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kaze.gitbook.io/qa-theory/web/kakuyu-strukturu-imeet-veb-stranica.md).
# Какую структуру имеет веб-страница?
Веб-страница состоит из нескольких уровней, которые определяют её **структуру, оформление и поведение**. Структура строится вокруг HTML, CSS и JavaScript.
***
### 1️⃣ **HTML-структура (скелет страницы)**
Основная структура HTML-документа выглядит так:
```html
Название страницы
Заголовок сайта
Раздел
Контент
Статья
Текст статьи
```
#### Основные части:
1. **``** — указывает браузеру, что документ HTML5.
2. **``** — корневой элемент страницы.
3. **``** — метаданные страницы: заголовок, подключение CSS/JS, метатеги.
4. **``** — видимая часть страницы: текст, изображения, кнопки и т.д.
***
### 2️⃣ **Семантические блоки HTML**
* **Header** — шапка страницы, логотип, меню.
* **Nav** — навигационное меню.
* **Main** — основной контент страницы.
* **Section** — тематический блок внутри main.
* **Article** — отдельная статья или пост.
* **Footer** — подвал сайта, контакты, копирайт.
* **Aside** — боковая колонка, например, виджеты или реклама.
***
### 3️⃣ **CSS — оформление (вид)**
* Отделяет визуальный стиль от структуры.
* Применяется к HTML-элементам через селекторы, классы и ID.
* Позволяет задавать цвета, шрифты, расположение блоков, анимации.
***
### 4️⃣ **JavaScript — поведение (динамика)**
* Добавляет интерактивность: обработка кликов, динамическая подгрузка данных, валидация форм.
* Может изменять HTML и CSS на лету (DOM-манипуляции).
***
### 5️⃣ **Иерархия и поток**
1. HTML формирует **структуру и содержание**.
2. CSS накладывает **стили на элементы HTML**.
3. JavaScript управляет **поведением и динамикой**.