아이프레임(iframe, Inline Frames), <iframe> 요소 형식, <iframe> 요소 속성

 

 

 

<iframe> 요소

·       아이프레임(iframe, Inline Frames), 내부 프레임(inline frame)이라는 의미입니다.

·       원래는 ie에서만 작동했지만, html 4.01부터 iframe을 포함하여, 현재 모든 브라우저에서 <iframe> 태그를 지원합니다.

·       <iframe>태그는 인라인 레벨의 요소입니다.

·       현재의 HTML문서 안에서 다른 HTML문서를 보여주고자 할 때 많이 사용합니다.

·       iframe 요소는 html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 동영상도 넣을 수 있습니다.

·       프레임(frame)과 비교해볼 때 아이프레임은 <frameset> 태그가 필요 없으며, 독립적으로 사용가능한 태그 입니다.

·       마치 <img> 태그를 사용하는 것 처럼 문서내의 원하는 곳에 삽입만 하면 사용할 수 있습니다. 사용방법도 <img> 태그과 유사합니다

 

 

 

<iframe> 요소 형식

<iframe src="URL">내용</iframe>

 

 

 

<iframe> 요소 속성

속성	설명
src	iframe에 삽입될 문서의 주소
width	iframe의 너비 지정 (px, % 가능)
heigh	iframe의 높이 지정(px, % 가능)
frameborder	·       경계선의 두께(테두리를 표시할지 말지를 지정) ·       Not supported in HTML5 ·         1 테두리가 있음 0 테두리 없음
scrolling	·       스크롤바 사용여부 ·       Not supported in HTML5 yes 스크롤바 표시 no 스크롤바 표시 되지 않습니다. auto 자동
longdesc	iframe에 담길 내용을 설명하는  페이지.
marginheight	·       내용의 top(위) bottom(아래) margin. ·       여백 ·       Not supported in HTML5
marginwidth	·       내용의 left(좌) right(우) margin. ·       여백 ·       Not supported in HTML5
align	iframe을 정렬시키는 속성   top( 맨 위에 정렬) middle(중앙 정렬) bottom(아래에 정렬) left(왼쪽 정렬) right(오른쪽 정렬)
name	taget이 필요한 프레임의 이름 (id와 같은 기능)