본문 바로가기
Programming/HTML+CSS

frame과 iframe의 차이

by 막이 2012. 9. 7.

FRAMEframeset구조하에 기술되어 홈페이지를 구성한다. 즉 한페이지에 여러 페이지를 갖게 되는 것이다. frame은 닫는 창이 없다. <frame>

iFRAME은 어떠한 제한도 없이 페이지내에 어느 곳이든지 구성할 수 있다. iframe은 또다른 페이지를 보여주기 위한 창을 만들며 원하는 곳 어디든 만들 수 있다.

iframe은 닫는 창이 있다. <iframe></iframe>

FRAMEiFRAME의 큰 차이점은 NORESIZE속성이다.

frame은 사용자가 창 크기 조절이 가능하기 때문에 noresize로 지정 해주어 프레임 크기를 고정 시킨다. 반면 iframe은 주어진 값으로 창 크기가 고정된다. 즉 frame에 noresize를 지정한 것과 같다.

예제로 확인해보자.

FRAME에 NORESIZE를 지정하지 않았을 때

<HTML>

<HEAD>

<TITLE> FRAME 태그 </TITLE>

</HEAD>

<FRAMESET cols="30%,70%" FRAMEBORDER=1>

<FRAME src=" ">

<FRAME src=" ">

</FRAMESET>

</HTEML>

위의 예제를 메모장에 적어 실행해보자. 두개의 FRAME 사이 경계선에 마우스를 갖다 대면 양쪽 화살표 모양으로 나타난다. 이것은 이동가능함을 나타낸다. 경계선을 드래그하여 위치를 이동시켜 보자.

위의 두개의 FRAME 태그 중 어느 하나에 NORESIZE를 넣어보자. <FRAME NORESIZE>

다시 경계선을 이동시켜 보자. 이번에는 이동 불가능 할 것이다.

이번에는 iFRAME 태그를 확인해보자.

<HTML>

<HEAD>

<TITLE>iFRAME 태그</TITLE>

</HEAD>

<BODY>

<TABLE width="500" border="1" align="center">

<tr>

<td>

<iframe src=" " width="50%"> </iframe>

</td>

</tr>

</TABLE>

</BODY>

</HTML>

주위 경계선에 마우스를 갖다 대고 크기를 조절 해보자. 조절할 수 없음을 알 수 있다.

 

'Programming > HTML+CSS' 카테고리의 다른 글

반응형 웹 - 미디어 쿼리의 구조  (0) 2012.11.20
fieldset, legend  (0) 2012.10.26
[css]div 강제 줄바꿈  (1) 2012.06.16
[css] div 배치  (0) 2012.06.15
클릭시 원하는 부분으로 이동 / 링크에 타이틀 추가  (1) 2012.05.09