FRAME은 frameset구조하에 기술되어 홈페이지를 구성한다. 즉 한페이지에 여러 페이지를 갖게 되는 것이다. frame은 닫는 창이 없다. <frame>
iFRAME은 어떠한 제한도 없이 페이지내에 어느 곳이든지 구성할 수 있다. iframe은 또다른 페이지를 보여주기 위한 창을 만들며 원하는 곳 어디든 만들 수 있다.
iframe은 닫는 창이 있다. <iframe></iframe>
FRAME과 iFRAME의 큰 차이점은 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 |