Content Security Policy (CSP)

概要

CSP (Content Security Policy) は HTTP ヘッダーや <meta> 要素で、ページが読み込めるリソースの出所を制限し、XSS攻撃などを防止します。

対応ブラウザ

基本構文

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

実務での使いどころ

• Content Security Policy (CSP) の活用

  Content Security Policy。XSSなどの攻撃を防ぐセキュリティポリシー。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Content Security Policy (CSP)
• Can I use — Content Security Policy (CSP)