아이프레임이란 내부 프레임(inline frame)이라는 뜻입니다. 즉 우리가 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용하는 것인데요.
가장 흔히 볼수 있는 곳은 대부분의 싸이트에 회원가입시...이용약관동의 부분이 나오죠? 거기 보면 이용약관내용이 일정한 사각형 모양안에서 보여지죠? 옆쪽으로 스크롤바도 보이구요.바로 그것이 아이프레임입니다.
|
<IFRAME> |
아이프레임은 특정위치에 원하는 크기의 프레임을 만들고 만들어진 프레임 내에 또다른 HTML문서를 불러오는 것입니다. 따라서 최소한의 속성을 설정해야 하는데.. 그 형태가 다음과 같습니다.
<IFRAME src="아이프레임내에 보여줄 html문서경로" width="아이프레임너비" height="아이프레임높이"></IFRAME>
iframe은 익스플로러 전용 태그이기 때문에 넷스케이프에서는 사용할수 없습니다.
<iframe>여는태그와 </iframe>닫는 태그사이에 들어가는 내용은 프레임을 보여주지 못하는 브라우저 사용자들에게 보이게 됩니다.
iframe 나머지 속성도 정리해 보도록 하겠습니다.
|
태그 |
속성 |
설명 |
|
<iframe>
|
src |
아이프레임내에 보여줄 html문서의 경로 |
|
width |
아이프레임너비 |
|
height |
아이프레임높이 |
|
frameborder |
아이프레임 테두리
frameborder="0" : 아이프레임 테두리 없음
frameborder="1" : 아이프레임 테두리 표시 |
|
marginwidth |
아이프레임 테두리로 부터 html문서 내용의 가로 여백 |
|
marginheight |
아이프레임 테두리로 부터 html문서 내용의 세로 여백 |
|
scrolling |
프레임의 스크롤 바의 유무를 지정(default값은 auto)
scrolling="yes" : 스크롤바가 보임
scrolling="no" : 스크롤 바가 보이지 않음
scrolling="auto" : 링크된 html문서내용이 아이프레임보다 클경우 보이고 작을경우 보이지 않음 |
|
name |
iframe의 이름을 지정. (target 을 정해줄수 있게) |
|
align |
프레임 정렬을 설정(그동안 많이 봤죠? center, right, left) |
|
아이프레임 사용 예제 |
<HTML>
<HEAD>
<TITLE>아이프레임 사용예제입니다.</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000"> |
| |
아이프레임 사용 예제입니다.<br>
예제를 보면 어떤것을 아이프레임이라고 하는지 더 잘 알수 있겠죠?<br><br><br>
<IFRAME src="http://www.empas.com" width=500 height=300 frameborder=1>
iframe여는 태그와 닫는 태그 사이의 내용은 누구에게 보여진다구요?
네 맞습니다... 프레임을 볼수 없는 브라우저 사용자들에게 보여진다고 했죠~~^^
</IFRAME> |
</BODY>
</HTML> | | 
(Homepage)님의 글입니다.
