프레임(frame)

   

   

<frame> 태그

HTML5에서 스타일시트 사용으로 권장하지 않는 태그입니다.

<frame>, <frameset>, <noframes>

   

   

프레임(frame)

• 하나의 웹브라우저 화면에 여러개의 HTML 문서를 표시할때 사용
• 메뉴과 컨텐츠 부분을 분리하기 위해서 사용
• 프레임을 사용하기 위해서는 프레임을 정의하는 문서, 그리고 프레임에 불러올 문서가 있어야 합니다.

   

   

프레임(frame) 태그

태그	설명
<frameset>	문서 영역를 어떻게 나눌 것인지를 정의하는 태그 cols 는 문서를 수평으로 분할 rows는 문서를 수직으로 분할 비율은 %값 또는 픽셀값으로 표현 메뉴의 너비가 고정되어 있어야 할 경우 %보다는 픽셀값으로 많이 사용
<frame>	프레임안에 들어가는 문서를 지정하는 태그

   

   

속성	설명
cols	frame 개체의 너비를 지정합니다
rows	frame 개체의 높이를 지정합니다
frameborder	프레임의 경계선을 표시할지 여부를 지정 0으로 지정하면 경계선이 출력되지 않음 1로 지정하면 경계선이 출력됨
marginheight marginwidth	프레임의 여백을 지정
name	프레임명을 지정 하이퍼링크의 타겟을 설정할시 사용
noresize	기본값로 프레임의 경계선을 드래그하면 프레임의 크기는 자동으로 조절됩니다. NORESIZE 속성은 프레임의 크기를 고정하고 싶을 때 사용하는 속성입니다
scrolling	프레임내에 스크롤바가 표시 여부를 지정 yes로 지정하면 스크롤바가 생성 no로 지정하면 스크롤바 없음 auto로 지정하면 문서의 내용이 프레임의 크기보다 큰 때 스크롤바가 자동으로 생성

   

   

프레임 분할 예

cols="30%, 70%"

문서를 수평으로 2개의 프레임으로 나누고, 각 프레임의 너비 비율은 30%, 70%으로 지정한다는 의미

   

cols="200,*"

이런식의 표현을 많이 합니다. 왼쪽 프레임의 너비를 200픽셀로 지정하고, 오른쪽 프레임은 나머지 영역을 모두 할당하겠다는 의미입니다.

   

   

   

2개이상의 프레임으로 나누기

프레임 태그를 중첩시키면 2개 이상의 프레임으로도 나눌 수 있습니다

<frameset rows="100,*">     <frame src="menu_top.html">     <frameset cols="200,*">         <frame src="menu_left.html">         <frame src="contents.html">     </frameset> </frameset>