프레임은 브라우저 창을 여러 개의 독립된 창으로 나누고 각 창에는 독립적인 HTML 페이지가 포함되어 있습니다.
1. 프레임워크의 기본 개념
사용자는 브라우저 창의 전체 콘텐츠를 다시 로드하지 않고도 프레임을 통해 개별 창 콘텐츠를 로드하거나 다시 로드할 수 있습니다. 프레임과 관련하여 전체 브라우저 창에 해당하는 프레임 세트를 프레임세트라고 합니다.
HTML에서는 프레임셋 태그 <frameset>을 사용하여 페이지의 프레임을 나누고, 행(또는 열) 속성을 사용하여 프레임의 행(또는 열) 수와 프레임이 차지하는 창의 비율을 나타냅니다.
창틀의 역할:
웹 페이지를 여러 개의 HTML 페이지로 나누는 것, 즉 창 화면을 여러 개의 작은 창으로 나누고 각각의 작은 창에 서로 다른 웹 페이지를 표시할 수 있으며 브라우저에서는 완전한 페이지가 구성되므로 브라우저에서 동시에 여러 웹페이지를 탐색하는 효과입니다.
프레임 웹페이지의 가장 큰 특징은 다음과 같습니다.
전체 페이지의 레이아웃을 변경하지 않고 HTML 페이지를 서로 연결하여 페이지를 넘기지 않고도 필요한 콘텐츠를 얻을 수 있습니다. 이 기능은 전자 문서를 표시하는 데 있어 매우 독특합니다.
2. 프레임셋 태그
기본 구문:
<프레임셋>
<프레임>
<프레임>
…
</프레임세트>
구문 설명: 프레임세트는 문서 내의 프레임 구조 세트를 정의하는 HTML 페이지입니다. 이 페이지에는 <BODY> 태그가 없습니다. 프레임세트는 창에 표시되는 프레임의 수, 크기 및 로드 페이지를 정의합니다.
참고 1: <Frameset> 태그로 정의된 창 프레임 구성 요소는 <BODY> 태그로 정의된 파일 테마 구성 요소와 동일합니다. 따라서 <BODY> 태그에는 <Frameset> 태그가 포함될 수 없습니다. > 태그를 사용하면 제대로 작동하지 않습니다.
참고 2: <Frame> 태그는 하위 창을 정의하는 데 사용됩니다. 종료 태그가 없으므로 태그는 태그가 나타내는 창 프레임을 제어하기 위해 태그의 다양한 속성을 설정하는 데만 사용됩니다.
(1) 왼쪽 및 오른쪽 분할 창 속성 Cols
기본 구문:
<frameset cols="값,값,...">
<프레임>
<프레임>
…
</프레임세트>
구문 설명: 값은 각 프레임의 너비 값을 정의합니다. 단위는 픽셀 또는 백분율일 수 있습니다.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
효과는 그림과 같습니다.
(2) 상단 및 하단 분할 창 속성 행
기본 구문:
<frameset 행="값,값,...">
<프레임>
<프레임>
…
</프레임세트>
구문 설명: 값은 각 프레임의 너비 값을 정의합니다. 단위는 픽셀 또는 백분율일 수 있습니다.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
효과는 그림과 같습니다.
(3) 중첩된 분할 창
기본 구문:
<frameset cols="값,값,...">
<프레임>
<frameset 행="값,값,...">
<프레임>
<프레임>
…
</프레임세트>
<프레임>
…
</프레임세트>
구문 설명: 분할은 중첩될 수 있습니다.
<html><head><title>중첩된 분할 창</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><프레임><프레임></frameset></frameset></html>
효과는 다음과 같습니다.
(4) 프레임셋 테두리 너비 속성 FrameSpacing
기본 구문:
<frameset FrameSpacing="VALUE">
구문 설명: 프레임세트의 테두리 너비를 픽셀 단위로 설정합니다.
(5) 프레임 세트 테두리 색상 속성 Bordercolor
기본 구문:
<frameset BorderColor="COLOR_VALUE">
구문 설명: 프레임셋의 테두리 색상을 설정합니다.
3. 프레임 태그 <프레임>:
(1) 프레임 페이지 소스 파일 속성 SRC
기본 구문:
<프레임 src="FILE_NAME">
구문 설명: 각 프레임에는 표시된 웹 페이지가 있으며 SRC 속성은 프레임 페이지의 파일 경로를 설정합니다.
(2)프레임 이름 속성 Name
기본 구문:
<frame src="FILE_NAME" name="프레임_이름">
구문 설명: 각 링크에 이름을 지정할 수 있습니다. 이름은 페이지의 링크 및 스크립트 설명에 사용되며 페이지 표시에 영향을 주지 않습니다.
명명 규칙: 단일 단어는 밑줄 "_"을 가질 수 있고 문자로 시작해야 하며 대소문자를 구분합니다.
(3) 프레임 테두리 표시 속성 FrameBorder
기본 구문:
<frame src="FILE_NAME" 프레임경계="VALUE">
구문 설명: VALUE가 0이면 테두리가 표시되지 않고, 1이면 테두리가 표시됩니다.
참고 1: Frameborder 속성을 사용하면 창 프레임 주변과 프레임 표시 여부를 제어할 수 있습니다.
참고 2: 이 속성은 <Frameset> 태그 및 <Frame> 태그에서 사용할 수 있습니다. <Frameset> 태그에서 사용하면 창 프레임의 모든 하위 창을 제어할 수 있습니다. <Frame> 태그와 함께 사용하면 해당 태그가 나타내는 하위 창만 제어할 수 있습니다.
참고 3: 0은 프레임 라인을 표시하지 않음을 의미하고, 1은 프레임 라인을 표시함을 의미하며 기본값은 1입니다.
(4) 프레임 스크롤바 표시 속성 Scrolling
기본 구문:
<frame src="FILE_NAME" 스크롤="VALUE">
구문 설명: VALUE 값이 YES이면 스크롤바가 표시되고, NO이면 스크롤바가 표시되지 않으며, AUTO이면 페이지를 기준으로 스크롤바 표시 여부를 자동으로 결정합니다. 길이.
(5) 프레임 크기 조정 속성 NoResize
기본 구문:
<frame src="FILE_NAME" 크기 조정 없음>
구문 설명: NORESIZE는 프레임 크기 변경을 금지합니다.
(6) 프레임 가장자리 너비 속성 MarginWidth
기본 구문:
<프레임 src="FILE_NAME"
MarginWidth="값">
구문 설명: MarginWidth는 프레임의 왼쪽 및 오른쪽 여백을 설정합니다.
(7) 프레임 가장자리 높이 속성 MarginHeight
기본 구문:
<프레임 src="FILE_NAME"
여백 높이="값">
구문 설명: MarginHeight는 프레임의 위쪽 및 아래쪽 여백을 설정합니다.
4. 프레임 태그는 지원되지 않습니다.
프레임 기술을 지원하지 않는 브라우저와 함께 사용합니다.
기본 구문:
<frameset cols="값,값,...">
<프레임>
<프레임>
…
<노프레임>
…
</Noframes>
</프레임세트>
5. 플로팅 프레임
부동 프레임은 브라우저 창에 하위 창을 중첩한 다음 그 안에 페이지 콘텐츠를 표시하는 특수 프레임 페이지입니다.
기본 구문: <IFRAME>…</IFRAME>
6. 프레임과 링크
프레임을 사용하는 중요한 목적은 다른 프레임에 다른 페이지를 표시하는 것입니다.
주로 링크의 "Target " 속성을 통해 링크된 페이지가 표시되는 프레임과 창을 설정합니다.