5. 표준화된 <iframe>

속성

- allow :  기능의 정책을 지정함. 보안,정보 관련 

- allowfullscreen : 전체화면모드를 활성화 (allow="fullscreen") 

allowfullscreen이 없다면 전체화면 사용 불가

- allowpaymentrequest : 금액 지불 API호출 (allow="payment") 

- csp : 컨텐츠 보안 정책 

- height : 프레임의 높이값. 기본값은 150 

- importance : src속성에서 리소스의 다운로드 순위를 결정.

auto : 비추.
high : 우선순위가 낮은 소스 먼저 다운. 
low : 우선순위가 높은  소스 먼저 다운.

- loading : 브라우저가 iframe을 로드하는 방법 
eager : 뷰포트의 위치와 관계없이 즉시 로드.  
lazy : 뷰포트가 iframe의 위치에 도달 할 때까지 로딩을 연기함. 

- name : 임베드된 컨텍스트의 이름 

- referrerpolicy : 프레임을 가져올때 보내는 참조

 

- sandbox : iframe요소에 보일 콘텐츠에 대한 추가적인 제한 사항들의 집합을 명시.

속성값	설명
빈칸	모든 제한 사항을 적용
allow-forms	(리소스가)폼데이터를 제출 가능
allow-modals	모달 윈도우를 열 수 있음
allow-orientation-lock	화면 방향 전환을 잠글 수 있음
allow-pointer-lock	Pointer Lock API를 사용 가능
allow-popups	window.open이나 target="_blank", showModalDialog()등 팝업허용
allow-popups-to-escape-sandbox	새로운 창을 열때 제한사항을 상속받지 않은 창을 열도록 허용
allow-presentation	프레젠테이션 세션을 시작 가능
allow-same-origin	same-origin policy를 통과된 것처럼 취급
allow-scripts	스크립트는 실행가능, but 팝업창은 생성불가
allow-storage-access-by-user-activation	Storage Access API를 사용하여 상위 스토리지 기능에 접근 요청 가능
allow-top-navigation	최상위 브라우징 컨텍스트(_top) 탐색 가능
allow-top-navigation-by-user-activation	사용자의 요청이 있을때만 최상위 브라우징 컨텍스트 탐색

 

 

sandbox 사용예시