HTML iframe 속성

 

IFRAME 이란, 
HTML 문서 안에 frame(프레임)을 insert(삽입)하는 태그로서, 같은 페이지 안에 있는 내용이 아닌, 
다른 페이지의 문서(html)를 불러들여 보여주는 태그이다.

1. 기본 명령어
<iframe src="링크 주소"></iframe>

2. 명령어 및 속성

src="문서주소"	표시할 내용(html파일)의 경로(URL)를 지정한다.
name="이름"	이름을 부여한다.  target을 이용하면 지정된 위치(프레임)에 표시할 수 있다.
width="0"	가로폭 설정(속성값은 숫자로 표시, 단위:픽셀)
height="0"	세로폭 설정(속성값은 숫자로 표시, 단위:픽셀)
marginwidth="0"	좌, 우 내부 여백(속성값은 숫자로 표시, 단위:픽셀)
marginheight="0"	상, 하 내부 여백(속성값은 숫자로 표시, 단위:픽셀)
scrolling="auto"	스크롤바 생성여부 (yes:생성, no:생성안함, auto:내용량에따라 생성)
align="정렬위치"	left, right, center
frameborder="0"	프레임 경계선의 표시 유무를 설정. ( 0 / 1 )
border, bordercolor	경계선의 두께 및 색상 설정(속성값은 숫자로 표시, 단위:픽셀)
allowtransparency="true/false"	[ allowtransparency 태그가 필요한 상황 ] IE에서 Iframe을 사용할 때, 부모창의 Background 색상이 보이도록 Iframe 창에background:transparent 를 주어도 투명하게 비쳐지지 않는 현상이 일어납니다. 1. 증상 요약 : 부모창의 색상이 비치지 않고 기본색상인 흰색으로 보임. 2. 원인 요소 : 이 버그는 아래의 조건이 주어졌을 경우에 나타납니다    - 부모창의 background-color가 흰색이 아닐 경우     - 사용자의 브라우저가 IE인 경우     - 자식창을 투명하게 보이기 위하여 background:transparent 를 사용한 경우 3. 해결 방법 : 부모창에서 자식창을 부르는 Iframe에 allowtransparency="true"                       속성을 추가하여 해결 함. 4. 참고 내용 : allowtransparency 속성은 IE 전용 속성으로 웹표준 유효성 검사결과  비표준 속성으로 확인된 바가 있습니다.

예제1.  
<iframe src="http://www.goodpr.me/home" width="700"  height="300" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto" name="main"></iframe>

예제2. 
<li><a href="http://www.naver.com" target="main">네이버</a></li>
<li><a href="http://www.empas.com" target="main">엠파스</a></li>
<li><a href="http://kr.yahoo.com" target="main">야후</a></li>
 
 <iframe src="http://www.daum.net" name="main"></iframe>