HTML5Tingkat: Lanjutan6 min

Keamanan HTML: Content Security Policy & Sandboxing

Lindungi dokumen web dari injeksi skrip jahat (XSS) dan clickjacking dengan Content Security Policy (CSP), atribut rel="noopener", dan iframe sandbox.

Content Security Policy (CSP)

Pratinjau Terbuka

CSP adalah mekanisme keamanan yang membatasi sumber asal aset (script, style, gambar) yang diizinkan untuk dimuat dan dieksekusi oleh peramban.

Contoh Kode Sintaks

<!-- Contoh Tag Meta CSP Ketat -->
<meta 
  http-equiv="Content-Security-Policy" 
  content="default-src 'self'; script-src 'self' https://trusted-cdn.com; style-src 'self' 'unsafe-inline'; object-src 'none';"
>

<!-- Iframe Terisolasi Secara Ketat -->
<iframe 
  src="https://external-widget.com" 
  sandbox="allow-scripts allow-forms"
  title="Widget Terisolasi"
></iframe>

Live Compiler Runner

Akses Kursus Wajib Login

Buka Akses Penuh Silabus & Praktikum

Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.

145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi

Modul Sebelumnya

Standar Aksesibilitas Web (A11y) & Atribut ARIA

Modul 11 dari 14

Modul Selanjutnya

Data Terstruktur: Schema.org & JSON-LD untuk SEO