Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про HTML: HTTP response, status code, headers, body

Что приходит браузеру в HTTP-ответе?

Этот вопрос проверяет понимание структуры HTTP-ответа, который является основой взаимодействия между клиентом и сервером в веб-разработке.

Короткий ответ

Браузер получает HTTP-ответ, который состоит из строки статуса, заголовков и тела. Строка статуса содержит код и сообщение, например 200 OK. Заголовки передают метаданные, такие как Content-Type. Тело содержит запрашиваемые данные, например HTML-код страницы.

Длинный ответ

Структура HTTP-ответа

Когда браузер отправляет запрос на сервер, сервер возвращает HTTP-ответ. Этот ответ состоит из трех основных частей: строки статуса, заголовков и тела. Строка статуса включает версию протокола, код статуса (например, 200, 404) и текстовое сообщение. Заголовки содержат метаданные, такие как тип контента, длина тела, кэширование и другие параметры. Тело ответа — это фактические данные, которые браузер обрабатывает, например HTML, JSON или изображение.

Пример HTTP-ответа

Рассмотрим простой пример, когда сервер возвращает HTML-страницу. В ответе будет строка статуса HTTP/1.1 200 OK, заголовки, такие как Content-Type: text/html, и тело с HTML-кодом. Вот как это может выглядеть в виде текста:

HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 123

<html>
<body>
<h1>Hello, World!</h1>
</body>
</html>

Ключевые компоненты

  • Строка статуса: указывает на успех или ошибку запроса. Например, 200 OK означает успех, 404 Not Found — ресурс не найден.
  • Заголовки: передают дополнительную информацию, такую как тип данных (Content-Type), кэширование (Cache-Control) или cookies (Set-Cookie).
  • Тело: содержит полезную нагрузку, которую браузер отображает или обрабатывает. Может быть пустым, например, при ответе 204 No Content.

Практическое применение

Понимание структуры HTTP-ответа важно для отладки сетевых запросов, настройки серверов и создания API. Например, при разработке REST API сервер возвращает JSON в теле ответа с соответствующим заголовком Content-Type. Вот пример кода на Node.js с использованием Express:

const express = require('express');
const app = express();

app.get('/api/data', (req, res) => {
  res.status(200);
  res.set('Content-Type', 'application/json');
  res.json({ message: 'Success', data: [1, 2, 3] });
});

app.listen(3000);

В этом примере сервер возвращает статус 200, заголовок Content-Type и JSON в теле.

Вывод: HTTP-ответ — это фундаментальный элемент веб-коммуникации, который необходимо знать для работы с веб-технологиями, отладки и создания серверных приложений.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    5

  • Сложность:

    2

Навыки

  • HTML

    HTML

  • Networks

Ключевые слова

#HTTP response

#status code

#headers

#body

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию