Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про HTML: Content Security Policy, CSP, XSS, security, HTTP headers

Что такое Content Security Policy (CSP) и как он связан с безопасностью?

Проверяет понимание Content Security Policy (CSP) как механизма защиты от XSS-атак и инъекций кода.

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

Content Security Policy (CSP) — это HTTP-заголовок, который позволяет контролировать, какие ресурсы (скрипты, стили, изображения) могут загружаться на веб-странице. Он предотвращает XSS-атаки, блокируя выполнение неавторизованного JavaScript. CSP задаётся через директивы, например, script-src 'self' разрешает только скрипты с того же домена. Это важный слой безопасности для веб-приложений.

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

Что такое Content Security Policy (CSP)?

Content Security Policy (CSP) — это стандарт безопасности, реализуемый через HTTP-заголовок Content-Security-Policy. Он позволяет разработчику указать браузеру, какие источники контента (скрипты, стили, шрифты и т.д.) считаются доверенными. CSP эффективно защищает от межсайтового скриптинга (XSS) и других инъекций, ограничивая выполнение неавторизованного кода.

Как это работает?

Браузер, получив заголовок CSP, проверяет каждый загружаемый ресурс на соответствие заданным правилам. Если ресурс не соответствует политике, он блокируется. Например, директива script-src 'self' разрешает выполнение только скриптов с того же домена, что и страница. Это предотвращает выполнение встроенных скриптов или скриптов с внешних сайтов, которые могут быть вредоносными.

Пример использования

Рассмотрим простой пример настройки CSP в HTML через мета-тег:

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://apis.example.com; style-src 'self' 'unsafe-inline';">

Здесь default-src 'self' задаёт базовое правило — разрешены только ресурсы с текущего домена. script-src дополнительно разрешает скрипты с https://apis.example.com, а style-src позволяет встроенные стили ('unsafe-inline').

Где применяется?

CSP используется в веб-приложениях для усиления безопасности, особенно в системах с пользовательским контентом (форумы, блоги, CRM). Он также обязателен для соответствия стандартам безопасности, например, PCI DSS.

Вывод

CSP — это мощный инструмент для предотвращения XSS-атак и контроля загрузки ресурсов. Его стоит применять в любом веб-приложении, где важна безопасность, особенно при работе с динамическим контентом или сторонними библиотеками.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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

Уровень

  • Рейтинг:

    4

  • Сложность:

    5

Навыки

  • HTML

    HTML

  • Networks

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

#Content Security Policy

#CSP

#XSS

#security

#HTTP headers

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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