Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

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

Какие существуют CSP directives?

Этот вопрос проверяет знание Content Security Policy (CSP) директив, используемых для защиты веб-приложений от XSS и других атак.

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

CSP директивы определяют, какие ресурсы могут загружаться на странице. Основные: default-src (базовое правило), script-src (скрипты), style-src (стили), img-src (изображения), connect-src (сетевые запросы), font-src (шрифты), frame-src (фреймы), object-src (плагины). Они помогают предотвратить XSS и инъекции.

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

Что такое CSP директивы?

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

Основные директивы

  • default-src — задаёт базовое правило для всех типов ресурсов, если не указана более конкретная директива.
  • script-src — определяет разрешённые источники для JavaScript.
  • style-src — контролирует загрузку CSS.
  • img-src — разрешает источники для изображений.
  • connect-src — управляет сетевыми запросами (fetch, XMLHttpRequest).
  • font-src — задаёт источники для шрифтов.
  • frame-src — определяет, какие источники могут быть встроены в iframe.
  • object-src — контролирует загрузку плагинов (например, Flash).

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

Content-Security-Policy: default-src 'self'; script-src 'self' https://apis.google.com; style-src 'self' 'unsafe-inline'; img-src *;

В этом примере разрешены только собственные ресурсы, скрипты с Google APIs, инлайн-стили и изображения из любых источников.

Вывод

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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

Уровень

  • Рейтинг:

    4

  • Сложность:

    5

Навыки

  • HTML

    HTML

  • Networks

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

#CSP

#Content Security Policy

#directives

#XSS

#security

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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