Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про HTML: CSP, hash, content security policy, inline script, security

Что такое hash в CSP?

Вопрос проверяет понимание механизма hash в Content Security Policy для обеспечения безопасности веб-приложений.

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

Hash в CSP — это криптографический хеш (SHA-256, SHA-384 или SHA-512) от содержимого inline-скрипта или стиля. Он добавляется в заголовок Content-Security-Policy, чтобы разрешить выполнение только тех inline-кодов, чей хеш совпадает. Это позволяет безопасно использовать inline-скрипты без отказа от CSP.

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

Что такое hash в CSP?

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

Hash — это криптографический хеш (например, SHA-256) от содержимого inline-скрипта или стиля. Вы вычисляете хеш от точного текста скрипта и добавляете его в политику CSP. Браузер при загрузке страницы вычисляет хеш от каждого inline-скрипта и сравнивает с разрешёнными. Если хеш совпадает, скрипт выполняется, иначе блокируется.

Как это работает на практике?

Допустим, у вас есть inline-скрипт:

<script>alert('Hello');</script>

Вы вычисляете его SHA-256 хеш (например, с помощью онлайн-инструмента или командной строки). Получается строка вроде 'sha256-abc123...'. Затем добавляете в заголовок CSP:

Content-Security-Policy: script-src 'sha256-abc123...'

Теперь браузер разрешит выполнение только этого конкретного скрипта. Если кто-то попытается внедрить другой inline-скрипт, его хеш не совпадёт, и он будет заблокирован.

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

Hash в CSP полезен, когда вы не можете отказаться от inline-скриптов (например, для аналитики или кастомных виджетов) и хотите сохранить строгую политику безопасности. Это альтернатива использованию nonce (одноразового токена).

Вывод: Используйте hash в CSP, когда нужно разрешить конкретные inline-скрипты без компрометации безопасности. Это надёжный способ защититься от XSS, сохраняя гибкость вёрстки.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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

Уровень

  • Рейтинг:

    3

  • Сложность:

    5

Навыки

  • HTML

    HTML

  • Networks

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

#CSP

#hash

#content security policy

#inline script

#security

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

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

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