본문 바로가기

웹표준/(X)HTML

frame,iframe,frameset 태그

frame
원어 및 기능 inline frame (하나의 브라우저 화면에 복수의 페이지를 표시)
Element Block       (Element 종류)
포함가능 Element Block Inline Text
속성 - border="픽셀"
- bordercolor="색이름/RGB"
- frameborder="값" (값 = 1 / 0)
- marginheight="픽셀" (프레임의 상하 여백을 설정합니다.)
- marginwidth="픽셀" (프레임의 좌우 여백을 설정합니다.)
- name="프레임 이름" (프레임의 이름을 지정합니다. 예약어 _new, _top, _parent, _blank 를 제외하고 사용해야 합니다.)
- noresize (프레임의 크기를 고정합니다. 브라우져에서 프레임을 조절 할 수 없게합니다.)
- scrolling="값" (값 = yes / no /auto) (프레임 내에 스크롤바를 만들것인가를 설정합니다. "yes"이면 무조건 나오고 "auto"이면 문서가 화면을 넘어가는가에 따라 자동으로 만들어집니다.)
특이사항
예제
결과
iframe
원어 및 기능 inline frame (하나의 브라우저 화면에 복수의 페이지를 표시)
Element Inline       (Element 종류)
포함가능 Element Block Inline Text
속성 - align="값" (값 = left / center / right)
- border="픽셀"
- bordercolor="색이름/SRGB"
- frameborder="값" (값 = 1 / 0) (프레임 경계선의 표시 유무를 설정합니다.)
- framespacing="픽셀 / (%)" (프레임셋 내에서 프레임간의 간격.)
- height="픽셀" (창의 높이를 설정합니다.)
- hspace="픽셀" (창의 경계선과 창 안의 인접하고 있는 텍스트 사이의 좌우 간격을 설정합니다.)
- id="id 이름"(class와 동일한 기능. 다만 id는 한 번만 사용할 수 있습니다.)
- marginheight="픽셀" (프레임의 상하 여백을 설정합니다.)
- marginwidth="픽셀" (프레임의 좌우 여백을 설정합니다.)
- name="프레임 이름" (프레임의 이름을 지정합니다.)
- scrolling="값" (값 = yes / no /auto) (프레임 내에 스크롤바를 만들것인가를 설정합니다. "yes"이면 무조건 나오고 "auto"이면 문서가 화면을 넘어가는가에 따라 자동으로 만들어 집니다.)
- src="url" (로딩될 페이지를 지정합니다.)
- style="스타일 시트 입력"
- width="픽셀"
- vspace="픽셀" (창의 경계선과 창 안의 인접하고 있는 텍스트 사이의 상하 간격을 설정합니다.)
특이사항
예제
결과
frameset
원어 및 기능 frameset(프레임 분할)
Element 빈요소이므로 X
포함가능 Element 모든요소 Block Inline Text
속성 - border="픽셀"
- bordercolor="색이름/SRGB"
- cols="픽셀 / (%)" (프레임셋 내의 프레임들을 수직으로 나눌때, 프레임의 너비를 설정합니다.)
- frameborder="값" (값 = 1 / 0) (프레임 경계선의 표시 유무를 설정합니다.)
- framespacing="픽셀 / (%)" (프레임셋 내에서 프레임간의 간격.)
- rows="픽셀 / (%)" (프레임셋 내의 프레임들을 수평으로 나눌때, 프레임의 높이를 설정합니다.)
특이사항
예제
결과