<iframe>

정의 및 사용

<iframe> 태그는 inline frame 의 약자로 html 안에 다른 페이지의 문서를 불러오는 역할을 한다. XHTML 에서는 iframe 의 name 속성은 배제되고 ID 속성을 사용하며 iframe 을 지원하지 않는 브라우저를 위해 iframe 태그 내부에 원하는 문구를 넣어주는게 좋다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
align left, right, top, middle, bottom HTML5에서 지원 안함. border를 줄지 안줄지 “0”과 “1”값으로 설정
frameborder 1,0 HTML5에서 지원 안함. border를 줄지 안줄지 “0”과 “1”값으로 설정
height pixels iframe 의 높이를 지정
longdesc URL HTML5에서 지원 안함. iframe 의 내용에 대한 설명이 길 때 따로 설명을 적은 페이지로 링크를 설정
marginheight pixels HTML5에서 지원 안함. iframe 의 상하 margin 간격을 지정
marginwidth pixels HTML5에서 지원 안함. iframe 의 좌우 margin 간격을 지정
name text iframe 의 name 을 지정
sandboxnew “”, allow-forms, allow-same-origin, allow-scripts, allow-top-navigation iframe에 대한 제한 사항을 추가로 허용할 수 있도록 지정한다.
scrolling yes, no, auto HTML5에서 지원 안함. iframe 안에 스크롤을 어떻게 표시할지 “yes”, “no”, “auto” 값으로 지정
seamlessnew seamless the should look like it is a part of the containing document
src URL iframe 안에 보여줄 문서의 URL 을 연결
srcdocnew HTML_code iframe 안에 있는 HTML 콘텐츠를 보여준다.?
width pixels iframe 의 너비를 지정

예제

버그 및 이슈

소제목

목록 으로

댓글