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 허용