본문 바로가기

HTML / CSS / Java Script

프레임(FRAME)과 프레임셋(FRAMESET) 이해하기

여러문서를 한번에 보자!!! 프레임

여러개의 HTML문서를 동시에 한화면에 나타나게 할수 있는 역할을 하는것이 "프레임(frame)"이다.



창을 수직또는 수평으로 나누어서 여러개의 웹문서를 동시에 한 화면에 보여준다면 내용을 전달하는데 도움이 될꺼에요...
이러한 역할을 하는 것이 프레임입니다.


프레임


프레임문서


<FRAMESET COLS="세로분할크기" ROWS="가로분할크기">
 <FRAME SRC="문서1.html" NAME="left">
 <FRAME SRC="문서2.html" NAME="left">
</FRAMESET>

FRAMESET 속성

cols : 수직으로 나누고자하는 프레임크기를 픽셀이나 비율을 이용해서 순서대로 지정함(크기, 비율, *), *는 지정한 크기를 제외한 나머지 크기
rows : 수평으로 나누고자하는 프레임크기를 픽셀이나 비율을 이용해서 순서대로 지정함(크기, 비율, *), *는 지정한 크기를 제외한 나머지 크기
frameborder : 프레임을 나눈 경계선의 두께를 지정하는데 "0"으로 설정하면 경제선이 보이지 않음

FRAME 속성

src : 해당프레임에서 보여줄 문서의 경로와 파일이름을 지정함, 프레임을 구성하는 문서와 같은 위치에 있고 파일이름만 위치가다르면 경로를 적어야됨
name : 해당프레임의 이름을 지정할 때 사용하는데, 주로 링크시킬때 target의 대상으로 사용
scrolling : 프레임에 스크롤바가 나타나게 할것인지 지정, yes는 스크롤바를 항상만듬 no는 만들지 않음, auto로 설정하면 프레임안의 내용이 한호면을 넘어갈때만 자동으로 나타남 marginwidth : 프레임안의 좌우여백지정
marginheight : 프레임안의 상하여백지정
noresize : 프레임고 프레임의 경계선은 마우스로 크기를 조절할수 있게 되어 있는데 이것을 방지할때 사용


링크된 문서를 특정프레임에 나타나도록 하기 위해서는 링크될 문서가 나타날때 프레임에 이름(name)을 정해주고 그이름을 있는 위치(target)에 결과 화면을 나타나도록 지정해야하고, 프레임에 이름을 지정해주는 속성이 name이고 특정프레임에 출력될 수 있도록 위치를 지정해주는 속성이 target입니다.

target 속성

_self : 현재보고 잇는 프레임에 링크된 문서를 나타나게함
_blank : 링크된 문서를 새로운 창으로 보여줌
_parent : 여러프레임을 사용한 경우, 한단계 상위 프레임에 링크된 문서를 나타나게함
_top : 여러 프레임을 사용할 경우, 모든 프레임 화면을 무시하고 링크된 문서를 가장 상위의 프레임에 나타나게함