HTML 프레임
프레임을 사용하면 동일한 브라우저 창에서 여러 페이지를 표시할 수 있습니다
예제
프레임
프레임을 사용하면 동일한 브라우저 창에서 여러 페이지를 표시할 수 있습니다. 각 HTML 문서는 프레임으로 불리며, 각 프레임은 다른 프레임과 독립적입니다.
프레임의 단점:
- 개발자는 더 많은 HTML 문서를 동시에 추적해야 합니다
- 전체 페이지를 인쇄하는 것은 어렵습니다
- 프레임 구조 태그 (<frameset>)
-
- 프레임 구조 태그 (<frameset>)은 창을 프레임으로 나누는 방법을 정의합니다
- 각 frameset은 일련의 행을 정의합니다또는열
- rows/columns 값은 각 행이나 열이 스크린 면적을 차지하는 비율을 정의합니다
편집자 주:frameset 태그는 일부 기사와 책에서 프레임셋으로 번역되기도 합니다.
프레임 태그 (Frame)
Frame 태그는 각 프레임에 배치된 HTML 문서를 정의합니다.
아래의 예제에서는 두 열의 프레임셋을 설정했습니다. 첫 번째 열은 브라우저 창의 25%를 차지하도록 설정되었습니다. 두 번째 열은 브라우저 창의 75%를 차지하도록 설정되었습니다. HTML 문서 "frame_a.htm"은 첫 번째 열에, HTML 문서 "frame_b.htm"은 두 번째 열에 배치되었습니다:
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
기본 주의사항 - 유용한 팁:
하나의 프레임워크가 보이는 경계선이 있으면, 사용자는 경계선을 끌어당겨 크기를 변경할 수 있습니다. 이러한 상황을 방지하기 위해 <frame> 태그에 다음을 추가할 수 있습니다: noresize="noresize"。
프레임워크를 지원하지 않는 브라우저에 대한 <noframes> 태그를 추가하십시오.
중요한 알림:<body></body> 태그와 <frameset></frameset> 태그를 동시에 사용할 수 없습니다! 하지만, 텍스트를 포함한 <noframes> 태그를 추가하려면 이 텍스트를 <body></body> 태그 내에 포함해야 합니다. (아래의 첫 번째 예제에서 그 방법을 확인할 수 있습니다.)
더 많은 예제
- <noframes> 태그를 사용하는 방법
- <noframes> 태그를 사용하는 방법을 보여줍니다.
- 혼합 프레임워크 구조
- 이 예제는 세 개의 문서를 포함한 프레임워크 구조를 만드는 방법을 보여줍니다. 동시에 그들을 행과 열 중에 혼합하여 배치합니다.
- noresize="noresize" 속성을 포함한 프레임워크 구조
- 이 예제는 noresize 속성을 보여줍니다. 이 예제에서 프레임워크는 크기를 조정할 수 없습니다. 프레임워크 간의 경계선에서 마우스를 드래그하면 경계선이 이동하지 않음을 발견할 수 있습니다.
- 탐색 프레임워크
- 이 예제는 탐색 프레임워크를 만드는 방법을 보여줍니다. 탐색 프레임워크는 두 번째 프레임워크를 목표로 하는 링크 목록을 포함하고 있습니다. "contents.htm" 파일은 세 개의 링크를 포함하고 있습니다.
- 인라인 프레임워크
- 이 예제는 인라인 프레임워크(HTML 페이지 내의 프레임워크)를 생성하는 방법을 보여줍니다.
- 프레임워크 내의 지정된 섹션으로 이동하십시오
- 이 예제는 두 개의 프레임워크를 보여줍니다. 그 중 하나의 프레임워크는 다른 파일 내의 지정된 섹션으로 가는 링크를 설정합니다. "link.htm" 파일 내의 지정된 섹션은 <a name="C10">로 표시됩니다.
- 프레임워크 내의 지정된 섹션으로 탐색 프레임워크를 사용하여 이동하십시오
- 이 예제는 두 개의 프레임워크를 보여줍니다. 왼쪽의 탐색 프레임워크는 링크 목록을 포함하고 있으며, 이 링크는 두 번째 프레임워크를 목표로 합니다. 두 번째 프레임워크는 링크된 문서를 표시합니다. 탐색 프레임워크의 링크는 목표 파일에서 지정된 섹션으로 가는 링크를 포함합니다.
