HTML 예제 13 / 20
<iframe> 은 다른 HTML 문서를 통째로 끼워 넣습니다. 재미있게도, 지금 이 놀이터 자체도 iframe(srcdoc)으로 미리보기를 만듭니다!
iframe
srcdoc
sandbox
💡 이렇게 바꿔보세요
sandbox 속성을 붙이면 iframe 안 문서의 권한(스크립트 실행, 폼 제출 등)을 제한할 수 있어요 — 이 놀이터의 미리보기 창도 sandbox 를 씁니다- iframe 은 부모 페이지와 다른 실행 환경이라 CSS/JS 가 서로 영향을 주지 않아요
- 너무 많은 iframe 은 성능을 느리게 할 수 있어요 —
loading="lazy" 를 고려하세요
← HTML 예제 목록