프레임 속성. 프레임이 있는 페이지를 만드는 방법. 링크를 사용하여 프레임 지정




지침

HTML 언어(HyperText Markup Language)는 두 가지 유형의 프레임을 제공합니다. "플로팅"은 더 유연하고 기존 플로팅에 삽입하기가 더 쉽습니다. 일반적으로 부동 프레임을 사용하여 창을 삽입하는 방법을 설명하는 구성은 다음과 같습니다. 여기서 이 프레임의 데이터 소스는 기존 사이트(src 속성)입니다. 너비 및 높이 속성에 표시된 대로 400 x 300 크기의 프레임에서 열립니다. src 속성에서 사이트 페이지를 지정할 수도 있습니다. 이 경우 상대 주소(즉, 프레임이 삽입되는 페이지에 대한 상대 주소)를 지정하는 것으로 충분합니다. 이 예에서는 프레임의 높이가 지정되지 않았지만 id 속성이 있습니다. 이를 사용하면 CSS()를 사용하여 이 프레임을 필요한 크기로 설정할 수 있습니다.

또 다른 유형의 프레임인 "클래식"에는 프레임 구조에 대한 설명이 포함된 별도의 페이지가 필요합니다. 프레임 자체는 별도의 페이지에 위치하며, 별도의 사이트에 위치할 수도 있습니다. 프레임용 컨테이너 페이지의 HTML 코드는 다음과 같습니다.




블록 없음 ... 그리고 ... 일반 페이지에 필요한 는 여기에 있어서는 안 됩니다. 이 예에서는 여는 컨테이너 태그가 필요합니다. 행 속성이 포함되어 있습니다. 이는 페이지 공간이 수직으로 나누어져야 하고 첫 번째 프레임이 상단 부분에 지정된다는 의미입니다. 행을 열로 바꾸면 구분이 수평이 됩니다. 이 속성의 값 "*,*"은 분할 비율이 각각 50%로 동일함을 나타냅니다. 예를 들어 "20%,*"를 지정하면 첫 번째 프레임에는 20%만 제공되고 나머지 공간은 두 번째 프레임에 제공됩니다. 사용자는 테두리를 드래그하여 이러한 비율을 변경할 수 있습니다. 하지만 이 동작을 금지하는 것은 가능합니다. 이렇게 하려면 특정 프레임의 태그에 noresize 속성을 추가해야 합니다. 또한 인접한 프레임의 수직 및 수평 여백 크기를 지정할 수도 있습니다(marginwidth 및 marginheight 속성). 각 프레임의 스크롤바에 대한 동작 규칙을 별도로 설정할 수 있습니다. 이는 미리 정의된 세 가지 값 중 하나를 포함할 수 있는 스크롤 속성을 사용하여 수행됩니다. scrolling="auto"를 지정하면 프레임 내용이 경계 내에 맞지 않을 때 스크롤 막대가 나타납니다. "예"인 경우 줄무늬는 필요한지 여부에 관계없이 지속적으로 나타납니다. "아니요"인 경우 - 이 프레임에 대해 스크롤 막대가 비활성화됨을 의미합니다.

이전 두 단계에서 제시된 정보를 기반으로 문제 해결에 더 적합한 HTML 코드를 구성해야 합니다. 그 후 남은 것은 페이지의 소스 코드에 삽입하는 것뿐입니다. 이렇게 하려면 사이트 관리 시스템의 페이지 편집기를 사용할 수 있습니다. 원하는 페이지를 열고 HTML 코드 편집 모드로 전환한 다음 페이지의 원하는 위치에 코드를 붙여넣습니다. 또는 호스팅 관리나 사이트 관리 시스템의 파일 관리자를 사용하여 해당 페이지의 소스 코드 파일을 다운로드한 후 텍스트 편집기에서 열고 코드를 붙여넣을 수 있습니다. 그런 다음 동일한 방법을 사용하여 변경된 코드를 서버에 다시 업로드합니다.

프레임 구조를 기반으로 HTML 문서를 만드는 것은 매우 간단합니다. 이 페이지는 대화 상자 형태로 표시되며 각 대화 상자는 별도의 문서를 로드합니다.

필요할 것이예요

  • - 텍스트 에디터;
  • - 브라우저.

지침

문서 프레임 구조는 각 페이지가 별도의 영역으로 구성되어 있으며 각 영역에는 하나의 HTML 파일이 표시된다는 의미입니다. 먼저 메모장과 같은 텍스트 편집기를 열고 BODY 및 /BODY 태그를 사용하여 문서의 본문을 만듭니다.

프레임 문서는 FRAMESET 및 /FRAMESET 두 태그 사이에 포함됩니다. 여기에는 별도의 문서를 업로드할 수 있는 각 열에 일종의 테이블이 있는 곳입니다. COLS 및 ROWS 두 가지 속성을 사용하면 열과 행의 크기를 픽셀 단위 또는 브라우저 창 크기의 백분율로 설정할 수 있습니다(숫자 대신 별표를 입력하면 사용 가능한 브라우저 공간이 모두 사용됩니다).

구조를 디자인하려면 다음 속성을 사용하십시오. 1) FRAMEBORDER=1 - 각 프레임에는 3차원 프레임이 있습니다. 2) FRAMEBORDER=0 - 프레임이 없습니다. 3) FRAMESPACING - 인접한 프레임 사이의 거리(픽셀), 4 ) FRAME - /FRAME - 별도의 프레임 내용 정의: a) SRC - 프레임 내용이 포함된 HTML 파일 b) MARGINHEIGHT, MARGINWIDTH - 프레임 경계로부터 수직 및 수평 오프셋을 픽셀 단위로 지정합니다. c) NORESIZE - 사용자는 프레임 크기를 조정할 수 없습니다. d) 스크롤 - 프레임을 보기 위해 스크롤 막대를 만드는 것이 필요한지(YES) 또는 필요하지 않은지(NO) AUTO 값은 필요한 경우에만 스크롤 막대를 만듭니다.

모두에게 좋은 하루 되세요. Alexey Gulynin이 연락했습니다. 지난 기사에서 우리는 웹사이트에 파비콘을 설치하는 방법을 살펴보았습니다. 이 글에서는 그것이 무엇인지 알려드리고 싶습니다. HTML의 프레임. 영어로 번역되었습니다. 프레임은 "프레임"을 의미합니다. HTML의 관점에서 프레임은 다른 페이지로 연결되고 해당 콘텐츠(바로 다른 페이지나 사이트)를 표시하는 페이지에서 선택된 특정 영역입니다. 프레임은 많이 개발되지 않았으며 현재 일부 특수 프로젝트를 제외하고는 거의 사용되지 않는다는 점을 바로 주목할 가치가 있습니다. CSS와 Javascript를 사용하여 동일한 작업을 수행할 수 있습니다.
프레임을 사용하면 페이지를 여러 블록으로 나눌 수 있으며 각 블록은 서로 독립적입니다. 기본 문서 index.html과 두 개의 보조(내부) 문서를 만들어 보겠습니다. 이 문서의 내용은 기본 페이지에 표시됩니다: menu.html(사이트 탐색 마크업 포함) 및 content.html(사이트 콘텐츠). index.html 마크업은 다음과 같습니다:

HTML의 프레임

여기에는 태그가 없습니다. , 태그가 대신 나타납니다. . 이 태그에는 다음과 같은 여러 속성이 있습니다.

  • cols - 이 속성은 프레임이 열에 배치되도록 지정합니다. 이 속성의 값은 쉼표로 구분된 프레임 크기를 지정합니다. 우리의 경우에는 2개의 프레임이 있습니다. 첫 번째 너비는 페이지 너비의 40%이고, *는 페이지 공간의 나머지 부분을 의미합니다(이 경우 60%로 기록되었을 수 있음). 크기는 픽셀 단위로 지정할 수도 있습니다.
  • 행 - 이 속성은 프레임이 행에 배치되도록 지정합니다.

menu.html 파일의 내용은 다음과 같습니다.

  • 메뉴 항목 1개
  • 2 메뉴 항목
  • 3가지 메뉴 항목

content.html 파일의 내용은 다음과 같습니다.

테스트 프레임

텍스트 단락

다른 문서의 내용을 표시하려면 태그를 사용해야 합니다. src 속성을 사용하면 해당 값이 파일 경로를 나타냅니다. 이 블록에 표시하려는 사이트의 URL을 지정할 수도 있습니다. 먼저 menu.html 및 content.html 페이지를 출력해 보겠습니다.

이 코드를 입력하여 모든 작동 방식을 확인하세요.

프레임 태그에는 다음과 같은 속성이 있습니다.

  • src - 사이트(사이트 페이지)의 페이지 경로 또는 URL 주소입니다. 일부 사이트에는 보호 기능이 내장되어 있다는 점은 주목할 가치가 있습니다.
  • 이름 - 이 프레임을 관리할 수 있는 이름을 프레임에 할당합니다.
  • noresize - 프레임 크기 조정을 금지합니다.
  • 스크롤 - 콘텐츠를 스크롤하는 기능입니다.

숙제는 액자 2개를 만들어 일렬로 놓아보세요. src 속성 값으로 사이트 경로를 지정합니다.

실제로 프레임을 사용하기 전에 프레임이 무엇인지, 그리고 프레임을 사용하여 웹사이트 페이지의 정보를 정리하는 데 있어서의 이점을 동일한 표와 비교하여 알아보는 것도 나쁘지 않을 것입니다.

책 앞부분의 모든 예제에서는 브라우저 창에서 HTML 문서의 텍스트, 그래픽, 표 및 기타 콘텐츠를 정렬하는 방법을 살펴보았습니다. 그러나 하나의 문서 내용만 표시할 수 있습니다. 프레임을 사용하면 브라우저 창을 여러 부분으로 분할하여 다양한 HTML 문서를 표시할 수 있습니다. 예를 들어, 그림에 표시된 것처럼 8.1.

쌀. 8.1. 하나의 창에 세 개의 문서


이 경우 각 문서의 내용은 자체 창 프레임을 기준으로 정렬됩니다. 이제 왼쪽 상단 프레임에는 사이트 리소스에 대한 링크가 포함되어 있고, 왼쪽 하단에는 일부 광고 또는 기타 정보가 포함되어 있으며, 오른쪽 큰 프레임에는 텍스트가 포함되어 있다고 상상해 보십시오. 사이트를 탐색할 때 오른쪽 프레임에 표시된 텍스트만 변경된다고 가정해 보겠습니다. 이 경우 프레임을 사용하면 다음이 가능합니다.

다른 내용에 관계없이 일부 프레임의 내용을 스크롤합니다.

사이트 페이지 간을 탐색하여 콘텐츠를 올바른 프레임에만 로드합니다. 사이트의 정적 콘텐츠가 서버에서 한 번만 다운로드되므로 사용자 시간이 절약됩니다.

이제 프레임에 익숙해졌으므로 프레임을 사용하여 웹 사이트를 만들고 구성하는 방법을 살펴볼 수 있습니다.

8.2. 프레임세트 만들기

그림에 표시된 가장 간단한 사이트도 마찬가지입니다. 8.1은 4개의 HTML 문서로 구성됩니다. 그 중 세 가지 내용이 브라우저 창에 표시됩니다. 브라우저에서 열어야 하는 네 번째 문서에는 창이 분할되는 프레임에 대한 설명이 포함되어 있으며, 생성된 프레임에 페이지를 로드할 위치를 브라우저에 알려주는 지침도 포함되어 있습니다. HTML 문서의 내용은 예제 8.1에 나와 있습니다.

예제 8.1. 프레임 설명 파일

프레임이 있는 웹사이트

여기서는 FRAMESET과 FRAME이라는 두 가지 새로운 HTML 요소를 볼 수 있습니다. 첫 번째는 브라우저 창이나 상위 프레임 창을 별도의 프레임으로 분할하는 데 사용됩니다. FRAMESET 요소는 쌍을 이루는 태그로 지정됩니다. 그리고. 창을 프레임으로 나눌 때 FRAMESET 요소의 다음 속성이 사용됩니다.

Cols – 생성된 프레임의 너비 값 목록(픽셀 및 백분율의 절대값과 비례 값을 모두 사용할 수 있습니다. 예 8.1 참조)

행 - 생성된 프레임의 높이 값 목록(값은 cols 속성의 값과 유사함)

속성 중 하나의 값만 설정할 수 있습니다. 또한 col 속성만 설정하면 생성된 프레임이 브라우저 창의 전체 높이를 차지하게 됩니다. 행 속성만 설정된 경우 생성된 프레임은 브라우저 창의 전체 너비를 차지합니다. 두 속성이 모두 설정되면 프레임은 왼쪽에서 오른쪽으로, 위에서 아래로 생성됩니다.

태그 사이 그리고 HTML FRAME 요소를 사용하는 각 프레임에 대한 설명이나 중첩된 프레임에 대한 정의를 포함해야 합니다. 먼저 FRAME 요소를 사용하여 프레임을 설명하는 방법을 살펴보겠습니다. 이 HTML 요소는 단일 태그를 사용하여 지정됩니다. . 다음은 가장 일반적으로 사용되는 속성입니다.

이름 – 프레임 이름을 지정하여 하이퍼링크에서 대상 프레임으로 사용할 수 있도록 합니다.

Src - 프레임 창에 내용이 표시되는 문서의 URI입니다.

Noresize – 프레임 창의 크기를 조정하는 기능을 차단하는 부울 속성입니다.

스크롤 – 프레임 창에서 스크롤 막대를 표시하거나 숨길 수 있으며, 예(스크롤 막대 표시), 아니요(스크롤 막대 표시 안 함) 또는 자동(기본값: 콘텐츠가 표시되지 않는 경우에만 스크롤 막대 표시) 값을 사용할 수 있습니다. 창틀에 맞음);

Frameborder – 브라우저가 프레임 창 프레임을 표시해야 하는지 여부를 나타내며 값 1(프레임은 그림 8.1에 표시됨, 기본적으로 사용됨) 또는 0(프레임이 표시되지 않음)을 취할 수 있습니다.

Marginheight – 테두리와 프레임 내용 사이의 수직 거리를 설정합니다.

중첩된 프레임의 개념은 앞서 다루었습니다. 이제 프레임 중첩을 자세히 살펴보겠습니다. HTML에서는 프레임이 여러 번 중첩될 수 있습니다. 예를 들어 그림 1과 같이 브라우저 창을 분할해야 할 때 사용됩니다. 8.1. 다음 구절을 주의 깊게 연구하십시오.

이렇게 하면 브라우저 창의 전체 높이를 차지하는 두 프레임의 외부 세트가 생성됩니다. 그러면 외부 세트의 왼쪽 프레임에 또 다른 프레임세트가 생성됩니다. 주목해야 할 점은 블록 …단일 FRAME 요소와 유사합니다(외부 세트에서 한 프레임의 내용을 설명함). 위의 조각을 분석하면 외부 세트의 왼쪽 프레임이 분할되고 page3.html 문서의 내용이 오른쪽 프레임에 로드된다는 것을 명확하게 알 수 있습니다.

프레임세트 문서에는 또 하나의 눈에 띄는 차이점이 있습니다. 즉, 본문(BODY 요소)이 없습니다. 이러한 문서에는 프레임세트 정의 이외의 콘텐츠가 포함될 수 없습니다.

8.3. 새로운 하이퍼링크 기능

이 장의 거의 시작 부분에서 프레임의 도움으로 필요한 정보만 서버에서 다운로드되고 모든 정적 부분(예: 사이트 링크, 사이트 이름 등)은 변경되거나 서버에서 재부팅될 수 있습니다. 이 가능성은 프레임 중 하나의 내용만 변경해야 하는 클릭 시 하이퍼링크에 대한 대상 프레임을 지정함으로써 달성됩니다.

개별 하이퍼링크의 대상 프레임

target 속성은 각 하이퍼링크의 대상 프레임, 즉 해당 링크로 열리는 HTML 문서의 내용이 표시될 프레임을 지정하는 데 사용됩니다. 이 속성의 값은 원하는 프레임의 이름(해당 프레임의 이름 속성 값)이거나 다음과 같은 미리 정의된 문자열 값 중 하나일 수 있습니다.

공백 – 새 창에서 문서를 엽니다.

자체 – 하이퍼링크가 있는 동일한 창에서 문서를 엽니다.

Parent – ​​상위 프레임의 창에서 문서를 엽니다(하이퍼링크가 위치한 프레임에 상위가 없는 경우 _self와 동일).

위쪽 – 브라우저 창의 내용을 열려 있는 문서의 내용으로 바꾸고 이전에 생성된 모든 프레임을 삭제합니다.

하이퍼링크를 생성할 수 있는 모든 HTML 요소(A, LINK, AREA)에 대해 target 속성이 지원됩니다.

이제 얻은 지식을 통합하기 위해 이전 장의 예제 7.11의 문서를 재작업하여 링크, 사이트 이름 및 텍스트를 별도의 프레임에 배치하겠습니다.

프레임세트를 설명하는 문서의 이름은 index.html입니다. 그 내용은 예제 8.2에 나와 있습니다.

예제 8.2. 프레임세트 설명 파일

프레임이 있는 새로운 웹사이트

여백 높이 = 0 프레임 테두리 = 0>

위의 예에서는 이름이 하나의 프레임(오른쪽 하단)에만 지정됩니다. 이 프레임에 문서의 내용이 표시됩니다.

link.html 파일에는 예제 파일에 대한 하이퍼링크가 있는 문서가 포함되어 있습니다(시작 페이지에 대한 링크도 포함되어 있음). 예제 파일은 예제 폴더에 있다고 가정합니다. 다음은 link.html 파일의 내용입니다(하이퍼링크의 target 속성 값 참고)(예 8.3).

예제 8.3. 하이퍼링크가 포함된 파일

장 텍스트

예제 7.1

예제 7.2

예제 7.3

예제 7.4

예제 7.5

예제 7.6

예제 7.7

예제 7.8

예제 7.9

예제 7.10

title.html 파일에는 해당 프레임에 표시되는 사이트 제목(가상 로고와 함께)이 포함되어 있습니다(예 8.4).

예제 8.4. 사이트 헤더가 포함된 프레임용 파일

사이트 제목

7. 테이블

HTML 문서의 텍스트(예제 8.4 참조)에서 볼 수 있듯이 로고 이미지를 적절하게 배열하려면 표를 사용해야 했습니다.

고려중인 예제 사이트에서는 start.html이라는 다른 파일이 사용됩니다. 이 파일에는 사이트의 시작 페이지가 포함되어 있습니다. 이 파일의 내용은 무엇이든 될 수 있습니다. 예제를 작성할 때 Chapter의 텍스트 일부가 start.html 파일에 배치되었습니다. 7. 책의 공간을 절약하기 위해 이 파일의 내용은 제공하지 않습니다.

모든 사이트 파일이 생성되면 결과를 감상할 수 있습니다(그림 8.2).


쌀. 8.2. 프레임을 사용하여 만든 웹사이트

기본 대상 프레임

마지막으로 동일한 프레임을 많은 하이퍼링크의 대상 프레임으로 사용할 때 HTML 문서의 텍스트 양을 줄이는 방법을 살펴보겠습니다. 예제 8.3의 텍스트를 다시 살펴보세요. 이 예의 각 하이퍼링크는 동일한 대상 속성 값을 갖습니다. 여러 번 지정하지 않으려면 기본 대상 프레임을 할당할 수 있습니다.

기본 HTML 대상 프레임은 BASE 요소(단일 태그)로 설정됩니다. ). 이 요소의 target 속성은 기본 프레임의 이름으로 설정됩니다. BASE 요소를 사용하는 경우 HTML 문서의 HEAD에 배치해야 합니다.

그렇다면 예제 8.3은 다음과 같이 다시 작성할 수 있습니다(예제 8.5).

예제 8.5. 기본 대상 프레임 사용

장 텍스트

예제 7.1

예제 7.2

예제 7.3

예제 7.4

예제 7.5

예제 7.6

예제 7.7

예제 7.8

예제 7.9

예제 7.10

8.4. NOFRAMES 요소

프레임은 웹사이트를 디자인하는 매우 매력적인 방법입니다. 앞서 제시한 예에서 분명히 알 수 있었을 것입니다. 그러나 HTML의 프레임은 즉시 나타나지 않았고 오랫동안 표준화되지 않았으므로 브라우저에 따라 프레임이 있는 문서의 처리 및 표시가 여전히 크게 다를 수 있습니다. 또한 상당히 많은 수의 사용자가 여전히 프레임을 전혀 지원하지 않는 이전 버전의 브라우저를 사용하고 있을 수 있습니다.

프레임을 사용하는 사이트를 볼 때 사용자가 최소한 무엇인가를 보는 것이 중요하다면 NOFRAMES HTML 요소를 사용해야 합니다. 이 요소는 쌍을 이루는 태그로 지정됩니다. 그리고. 이는 프레임세트에 대한 설명과 함께 하나의 파일에 배치됩니다.

HTML 텍스트는 NOFRAMES 요소의 태그 사이에 배치되며, 브라우저가 프레임을 지원하지 않는 경우(또는 사용자가 브라우저에서 프레임 지원을 비활성화한 경우) 표시됩니다. 브라우저가 프레임을 표시할 수 있으면 NOFRAMES 요소 태그 사이의 텍스트가 무시됩니다. 태그 사이의 텍스트 그리고태그 사이에 있는 것처럼 정확히 동일하게 형식화할 수 있습니다. 그리고.

분명히 NOFRAMES 요소를 사용하면 훨씬 더 이식 가능한 사이트를 만들 수 있습니다. 특히 프레임을 표시할 수 없을 때 중요한 정보가 손실되지 않도록 주의를 기울이면 더욱 그렇습니다. 앞서 설명한 사이트의 경우 프레임을 사용하지 않는 버전(예: 테이블만 사용하여 생성)을 생성할 수 있으며 NOFRAMES 요소 내부에 정보 메시지와 이 버전의 사이트에 대한 링크를 배치할 수 있습니다(예: 8.6). ).

예제 8.6. NOFRAMES 요소 사용

프레임이 있는 새로운 웹사이트

여백 높이 = 0 프레임 테두리 = 0>

주목!귀하의 브라우저는 프레임을 지원하지 않습니다. 프레임을 사용하지 않는 사이트 버전을 열려면

여기.

8.5. 플로팅 프레임

앞서 설명한 일반 프레임 외에도 HTML에서는 소위 부동 프레임을 사용할 수 있습니다. 부동 프레임은 포함된 HTML 문서와 완전히 동일해 보입니다. 즉, 텍스트에 직접 위치한 창에서 브라우저에 표시됩니다(그림 8.3).


쌀. 8.3. 플로팅 프레임의 모습


플로팅 프레임을 생성하려면 HTML IFRAME 요소를 사용하십시오(쌍 태그를 사용하여 설정). ). 플로팅 프레임은 다음 속성을 사용하여 구성됩니다.

Src – 프레임 창에 표시되는 HTML 문서의 URI입니다.

Frameborder – 프레임 테두리 표시 모드로 0(테두리 표시 안 함) 또는 1(테두리 표시) 값을 사용할 수 있습니다.

스크롤 – 프레임 내용 스크롤 막대의 표시 모드는 no(스크롤 막대 표시 안 함), yes(스크롤 막대 표시) 또는 auto(기본적으로 사용되며 내용이 맞지 않는 경우에만 스크롤 막대 표시) 값을 사용할 수 있습니다.

Marginwidth – 프레임 테두리와 내용 사이의 수평 거리를 설정합니다(픽셀 단위).

Marginheight – 테두리와 프레임 내용 사이의 수직 거리를 설정합니다.

정렬 – 텍스트에서 부동 프레임의 위치를 ​​설정하고 왼쪽, 오른쪽 및 가운데 값을 사용할 수 있습니다.

너비 – 부동 프레임 창의 너비를 설정합니다. 값은 절대값(픽셀 단위) 또는 백분율일 수 있습니다.

높이 – 부동 프레임 창의 높이를 설정합니다.

태그 사이의 텍스트 부동 프레임 자체를 표시할 수 없는 경우에만 브라우저에 표시됩니다.

IFRAME 요소를 사용하는 예로서 아래는 HTML 문서의 텍스트이며 그 모양은 그림 3에 나와 있습니다. 8.3(예 8.7).

예제 8.7. 플로팅 프레임 문서

플로팅 프레임이 있는 예제 페이지

플로팅 프레임은 다음과 같습니다.

453

프레임세트는 브라우저 창에 여러 개의 별도 스크롤 영역을 만드는 쉬운 방법일 뿐만 아니라 프레임의 내용을 변경하는 편리한 메커니즘입니다.

그러나 프레임에도 심각한 단점이 있습니다. 그렇기 때문에 사용을 권장하지 않습니다. 프레임은 HTML 4.01에서 지원되지만 HTML 5에서는 지원되지 않습니다. 기능이 풍부한 CSS 형식 지정 방법으로 대체되었습니다. 프레임의 주요 단점:

  • 검색 엔진은 프레임 작업에 어려움을 겪습니다.
  • URL 호환성이 좋지 않습니다.
  • 모든 클라이언트 애플리케이션에서 프레임을 사용할 수 있는 것은 아닙니다.
  • 프레임에 표시된 페이지는 북마크하기 어렵습니다.
  • 웹 페이지를 인쇄할 때 발생하는 일반적인 문제입니다.

일반적으로 프레임은 단일 창 내에서 별도의 스크롤 가능 영역을 만드는 데 사용됩니다. 이 접근 방식은 모바일 및 데스크톱 플랫폼용 애플리케이션에 사용됩니다. 이러한 응용 프로그램의 예로는 Windows 탐색기가 있습니다. 탐색기 창은 두 부분으로 구성됩니다. 폴더와 "즐겨찾기"는 창 왼쪽에 표시되고, 창 왼쪽에서 선택한 폴더의 내용은 오른쪽에 표시됩니다.

프레임세트 및 프레임 문서

프레임은 프레임 위치를 정의하는 별도의 HTML 파일을 생성해야 하기 때문에 사용하기 어렵습니다. 추가 HTML 파일도 사용할 수 있습니다.

프레임세트 만들기

다음은 프레임셋 HTML을 생성하는 예입니다.:

… …

코드 특징:

  • "요소가 누락되었습니다. " 그 역할은 태그에 의해 수행됩니다. ;
  • 태그 내부에 위치 , 프레임의 내용과 해당 속성을 결정합니다.
  • 제외하고 그리고 문서에 더 이상 내용이 없습니다.

꼬리표

꼬리표 문서의 프레임 위치를 담당합니다. 여기에 지정된 값은 프레임 세트의 행과 줄 수는 물론 프레임 너비를 결정합니다. 태그 형식 다음과 같이:

열 또는 행 크기는 픽셀, 백분율 또는 "*"로 지정할 수 있습니다. 후자의 경우 브라우저는 창의 나머지 부분을 열로 나눕니다. 여기서 "*" 값은 너비를 나타냅니다.

cols 또는 Rows 속성의 값에 따라 페이지에 표시되는 프레임 수도 결정됩니다. 각 항목(값)에는 태그가 필요합니다. 태그 내부 .

태그 생성에 대한 다음 예를 고려하십시오. :

꼬리표

꼬리표 프레임세트 태그에 포함된 프레임세트의 각 프레임 속성을 담당합니다. 다음과 같은 구문이 있습니다.

name 속성은 URL, 스크립트 등에서 참조할 수 있는 고유한 이름을 프레임에 제공합니다. 이는 프레임의 콘텐츠를 제어하는 ​​데 필요합니다. src 속성은 프레임에 표시되어야 하는 콘텐츠의 URL을 지정하는 데 사용됩니다.

꼬리표 noresize라는 속성을 하나 더 지원합니다. 기본적으로 프레임 크기는 크기 조정이 가능합니다. 크기 조정을 방지하려면 noresize 속성을 noresize 로 설정해야 합니다.

예를 들어 :

프레임 링크 정의

프레임의 내용을 변경하려면 원하는 프레임을 지정해야 합니다. 이를 위해 name 속성이 사용됩니다. 그런 다음 이러한 이름을 스크립트 및 링크 태그에서 사용하여 프레임의 새 콘텐츠를 정의할 수 있습니다.

링크 태그의 target 속성을 사용하여 프레임세트의 프레임 내용을 변경할 수 있습니다. 대상 속성에는 다음 값이 허용됩니다.


예를 들어 :