HTML5의 새로운 'IFRAME'요소 이해하기

이 요소를 사용하면 다른 웹 페이지를 웹 페이지에 직접 포함시킬 수 있습니다. 그러나 iframe을 사용할 때 HTML 4.01에서 다루지 않은 보안 및 디자인 문제가 있습니다. HTML5는 이러한 요소를 해결하기 위해이 요소에 세 가지 새로운 특성을 제공합니다.

샌드 박스 속성

그만큼 모래 상자 의 속성 IFRAME 요소는 iframe의 매우 유용한 보안 기능입니다. 당신이 그것을 IFRAME 요소를 사용하는 경우 사용자 에이전트가 사이트 및 사용자에게 보안 위험을 초래할 수있는 기능을 허용하지 않도록 지시하고 있습니다.

예 :

sandbox = "" >

보안 상 위험 할 수있는 모든 기능을 브라우저가 허용하지 않도록 브라우저에 지시합니다. 특히 플러그인은 허용되지 않습니다. 양식을 제출할 수 없습니다. 스크립트는 실행되지 않고 IFRAME 허락되지 않는다. 마지막으로 쿠키, 로컬 저장소 및 동일한 도메인 (원본)에있는 다른 페이지에 대한 액세스는 허용되지 않습니다.

그런 다음 모래 상자 키워드 값을 사용하면 일부 기능을 다시 사용할 수 있습니다. 이러한 키워드는 다음과 같습니다.

허용 양식- 양식 제출 허용
동일한 출처를 허용하다- 원본 도메인의 쿠키와 같은 콘텐츠에 액세스 할 수있는 스크립트 사용 가능
허용 스크립트이 스크립트를 실행할 수있는 스크립트 IFRAME
탑 - 네비게이션 허용~ 할 수있는 IFRAME 링크 및 스크립트를 _상단 목표

둘 다 설정하는 것은 좋지 않습니다. 허용 스크립트 과 동일한 출처를 허용하다 동일한 키워드를 함께 사용 IFRAME. 이 작업을 수행하면 포함 된 페이지에서 모래 상자 속성을 사용하여 보안상의 이점을 무효로합니다.

srcdoc 특성

그만큼 srcdoc 속성은 웹 디자이너가 iframe과 보안을보다 효과적으로 제어 할 수있게 해주는 속성입니다. 웹 디자이너는 다른 URL의 웹 페이지에 링크하는 대신 표시 할 HTML을 IFRAME 내부 srcdoc 속성.

처음에는 "HTML을 페이지에 넣는 것과 다른 점이 무엇입니까?"라고 생각할 수도 있습니다. 그리고 어떤면에서는 끔찍한 차이가 없습니다. 하지만 당신은 그 기능 중 하나를 명심해야합니다. IFRAME 요소는 신뢰할 수없는 데이터를 사이트의 나머지 부분과 분리하여 유지하는 것입니다.

양식과 같이 신뢰할 수없는 출처에서 생성 된 HTML을 IFRAME 신뢰할 수없는 콘텐츠를 "샌드 박스 화"하여 페이지에 계속 표시 할 수 있습니다. 블로그 댓글이 그 예입니다. 대부분의 블로그에는 댓글 작성자가 댓글에 사용할 수있는 HTML 태그의 수가 제한되어 있습니다. 하지만 이러한 주석을 샌드 박스에 넣음으로써 IFRAME ~을 사용하여 srcdoc 속성을 사용하면 사이트 전체를 보호하면서 댓글을 더욱 강력하게 만들 수 있습니다.

보안 및 iframe

위의 두 속성은 IFRAME 요소를 포함하지만 모든 악성 사이트에 대한 증거는 아닙니다. 악의적 인 사이트가 (예 : 브라우저에 URL을 입력하여) 적대적인 콘텐츠에 직접 액세스하도록 사용자를 설득 할 수있는 경우 공격을받을 수 있습니다.

가능한 경우 샌드 박스에있는 콘텐츠를 설정하는 것이 가장 좋습니다. IFRAME ~로서 텍스트 / html-sandboxed MIME 유형.

이음매없는 속성

그만큼 이음새없는 attribute는 부울 속성이며 브라우저에 IFRAME 부모 문서의 일부인 것처럼 네가 원한다면 IFRAME 이 속성을 요소에 포함하기 만하면됩니다.

이음새없는 >

그러나 IFRAME 완벽한 모양은 페이지가 프레임과 상호 작용하는 방식이기도합니다. 예 :

링크는 IFRAME 는 부모 창에서 열립니다. IFRAME 페이지에 목표가있다. _본인 세트.
CSS는 IFRAME 전체 문서의 계단식에 추가됩니다.
의 루트 요소 IFRAME 페이지는 IFRAME.
폭과 높이 IFRAME 다른 블록 레벨 요소가 어떻게 설정 될지와 비슷한 방식으로 설정됩니다.
상위 문서를 화면 판독기와 같은 음성 렌더링 도구로 볼 때 IFRAME 별도의 문서로 발표하지 않고 읽을 수 있습니다.
상위 문서의 모든 스크립트는 IFRAME 같은 방식으로 문서를 작성하십시오. 예를 들어 스크립트가 페이지의 모든 프레임을 나열하면 IFRAME 뿐만 아니라 나열됩니다.