prev 2012. 05 next
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

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>

분류 :
HTML
조회 수 :
20609
등록일 :
2010.06.27
17:12:08 (*.100.192.31)
엮인글 :
http://www.goodpr.me/index.php?document_srl=16200&act=trackback&key=651
게시글 주소 :
http://www.goodpr.me/16200

[레벨:1]나그네

2011.02.06
16:32:30
(*.35.106.143)

좋은정보 감사합니다.

[레벨:0]프로인트

2011.09.14
12:00:51
(*.151.252.167)

수고가 많으시네요... ^^

List of Articles
번호 제목 글쓴이 조회 수 날짜
10 JAVA 홈피에 플레쉬 삽입하기 [레벨:2]왕초보 1854 2012-02-25
9 기타 활용팁 융통성을 발휘하는 지혜 [1] [레벨:10]관리자 12236 2011-03-18
» HTML iframe 태그 [2] [레벨:10]관리자 20609 2010-06-27
7 기타 활용팁 XE 사용하기 - 동영상 강좌 [22] [레벨:10]관리자 24202 2010-05-04
6 기타 활용팁 XE 구조 및 개념 이해 [2] [레벨:10]관리자 21293 2010-04-28
5 기타 활용팁 "비나무"님의 XE 사용법 동영상 강좌 [5] [레벨:10]관리자 23384 2010-03-07
4 기타 활용팁 CSRF 공격에 대비한 XE 보안 체계에 대한 이해 [4] [레벨:10]관리자 22149 2010-02-25
3 CSS div는 무엇일까? 어떻게 사용해야 할까? [2] [레벨:10]관리자 21790 2009-08-10
2 CSS DIV 태그 속성 [2] [레벨:10]관리자 32610 2009-08-10
1 기타 활용팁 오른쪽 마우스 금지버튼 해제하기 [2] [1] [레벨:10]관리자 25832 2009-08-10
HOME