+#### Шаг 1 Проверьте что URL доступен по HTTPS, открыв его в новой вкладке
+вашего браузера, введя URL в адресной строке, и поменяв `http://` на `https://`.
+Если ресурс отображается одинаково и по **HTTP** и по **HTTPS** - всё OK.
+Переходите к [Шагу 2](#step-2). 
+
+ {%
+includecode
+content_path="web/fundamentals/security/prevent-mixed-content/_code/image-gallery-example.html"
+region_tag="snippet1" adjust_indentation="auto" %}
+
+[Попробуй
+это](https://googlesamples.github.io/web-fundamentals/fundamentals/security/prevent-mixed-content/image-gallery-example.html)
+{: target="_blank" .external }
+
+В приведенном выше коде, может показаться безопасно оставить атрибут `href` тэга
+`` как `http://`; однако, если вы посмотрите образец и нажмете на
+изображение, вы увидите, что он загружает смешанный ресурс контента и отображает
+его на странице.
+
+## Массовая обработка смешанного содержимого
+
+Шаги, описанные выше, хорошо подходят для небольших сайтов; но для крупных
+веб-сайтов или сайтов с множеством отдельных групп разработчиков может быть
+сложно отслеживать весь загружаемый контент. Чтобы справиться с этой задачей, вы
+можете использовать политику безопасности содержимого, чтобы дать браузеру
+указание уведомлять вас о смешанном содержимом и гарантировать, что ваши
+страницы никогда не будут неожиданно загружать небезопасные ресурсы.
+
+### Политика безопасности контента
+
+[**Политика безопасности контента**](/web/fundamentals/security/csp/) (Content
+Security Policy - CSP) - это многоцелевая функция браузера, которую можно
+использовать для массового управления смешанным контентом. Механизм отчетов CSP
+может использоваться для отслеживания смешанного контента на вашем сайте; и
+политика защиты, чтобы защитить пользователей путем обновления или блокировки
+смешанного контента.
+
+Вы можете включить эти функции для страницы, включив заголовок
+`Content-Security-Policy` или `Content-Security-Policy-Report-Only` в ответ,
+отправленный с вашего сервера. Кроме того, вы можете установить
+`Content-Security-Policy` (но **не** `Content-Security-Policy-Report-Only` ),
+используя `` в разделе `` вашей страницы. Смотрите примеры в
+следующих разделах.
+
+CSP полезен для многих вещей за пределами смешанного контента. Информация о
+других директивах CSP доступна на следующих ресурсах:
+
+- [Введение CSP от
+Mozilla](https://developer.mozilla.org/en-US/docs/Web/Security/CSP/Introducing_Content_Security_Policy)
+{: .external}
+- [Введение CSP от HTML5
+Rocks](//www.html5rocks.com/en/tutorials/security/content-security-policy/) {:
+.external}
+- [CSP песочница](http://www.cspplayground.com/) {: .external }
+- [CSP спецификация](//www.w3.org/TR/CSP/) {: .external }
+
+Note: Браузеры применяют все политики безопасности содержимого, которые
+они получают. Несколько значений CSP заголовка, полученного браузером в
+заголовке ответа или элементах 
+```
+
+Браузер вместо этого сделает безопасный запрос https://example.com/image.jpg, что обезопасит
+пользователя от смешанного содержимого.
+
+Вы можете включить это поведение, отправив заголовок `Content-Security-Policy` с
+этой директивой:
+
+```
+Content-Security-Policy: upgrade-insecure-requests
+```
+
+Или путем встраивания той же самой директивы inline в раздел `` документа
+с использованием элемента `` :
+
+```
+
+```
+
+Стоит отметить, что если ресурс недоступен по HTTPS, обновленный запрос
+завершается неудачно и ресурс не загружается. Это поддерживает безопасность
+вашей страницы.
+
+Директива `upgrade-insecure-requests` каскадно переходит в документы `