본문 바로가기
웹표준/HTML5 훑어보기

HTML5 iframe 엘리먼트(element)

by 샷타이거 2010. 7. 8.

HTML5 iframe 엘리먼트(element)

iframe은 내부에 포함된 콘텐츠를 표시할때 사용한다. 이번에 html5로 오면서 사라진 속성이 많다.


<iframe align="" frameborder="" longdesc="" marginheight="" marginwidth="" scrolling=""></iframe>

align은 img엘리먼트에서 설명했듯이 css로 대체, 마진 보더역시 마찬가지다. 옛부터 논의되던 scroll바역시 overflow로 css로 대체된다. 설명해주던 엘리먼트 longdesc는 a엘리먼트로 대체되었다.

간단한 예


<iframe src="inner.html" width="300" height="200"></iframe>

가로 세로 링크할 파일을 보여준예이다.꼭 src가 아니더라도 콘텐트에 포함시킬려면 srcdoc를 사용하면된다.

하지만 지원되는브라우저가 없다.


<iframe srcdoc="<p>모든부라우저에서 지원안함</p>" width="300" height="200"></iframe>

새로추가된것들

sandbox

보안강화를 위해 추가된것이다. 값은 4가지가있다.


<iframe sandbox="allow-same-origin"></iframe>
<iframe sandbox="allow-top-navigation"></iframe>
<iframe sandbox="allow-forms"></iframe>
<iframe sandbox="allow-scripts"></iframe>

seamless

값은없다 이속성을 사용하면 문서에 그냥일반콘텐츠로나타난다.



<iframe seamless src="form.html" width="300" height="200"></iframe>

댓글