iframe에 관하여

iframe

개념

• 내부 프레임이라는 의미로 하나의 html 문서 내에서 다른 html 문서를 보여 주고자 할 때 사용
• 동영상도 넣을 수 있다

특징

• 모든 브라우저에서 작동
• DOCTYPE 문서에서는 작동하지만 script 문서에서는 작동하지 않음

속성

1. width와 height 속성
   inline frame의 너비와 높이를 지정할 수 있다.

<iframe src="http://~~" width="600" height="300">

2. frameborder 속성
   inline frame의 경계선의 두께를 지정할 수 있다.

<iframe src="http://~~~" frameborder="0" width="600" height="300">

3. margrinwidth와 marginheight
   inline frame의 여백을 지정할 수 있다
4. scrolling
   inline frame 내에서 스크롤바 사용 여부를 지정할 수 있다.
   scrolling 값을 no로 지정하면 스크롤바가 생기지 않습니다.
5. sandbox
   sandbox: 보안을 위해 iframe 에서 form 이나 자바스크립트 등이 실행이 되지 못하게 할 수 있다.

• 비어 있다면: 모든 제한 사항을 적용한다.
• allow-forms: Form 허용
• allow-modals: modal window 를 열 수 있도록 허용
  ex) alert()
• allow-same-origin: 도메인이 다르더라도, CORS 를 통과된 것처럼 허용
• allow-scripts: 스크립트를 실행할 수 있도록 허용
• allow-popups: window.open 등의 팝업 허용
• allow-storage-access-by-user-activation: Storage API 허용