html 프레임 예제

다음 예제에서는 브라우저 창이 현재 1000픽셀 높다고 가정합니다. 첫 번째 뷰는 전체 높이의 30%(300픽셀)를 할당합니다. 두 번째 뷰는 정확히 400픽셀 높이로 지정됩니다. 이렇게 하면 300픽셀이 다른 두 프레임 간에 분할됩니다. 네 번째 프레임의 높이는 “2*”로 지정되므로 높이가 “*”(1*에 해당)인 세 번째 프레임보다 두 배 높습니다. 따라서 세 번째 프레임은 100픽셀 높이이고 네 번째 프레임은 200픽셀 높이가 됩니다. 프레임의 내용은 프레임의 정의와 동일한 문서에 없어야 합니다. 다음 템플릿은 및 요소를 사용하여 프레임 기반 웹 페이지를 만듭니다. 다음 예제에서 외부 FRAMESET은 사용 가능한 공간을 세 개의 동일한 열로 나눕니다. 그런 다음 내부 FRAMESET은 두 번째 영역을 같지 않은 높이의 두 행으로 나눕니다.

프레임 만들기: 본문 태그를 사용하는 대신 HTML에서 프레임 집합 태그를 사용하여 웹 브라우저에서 프레임을 사용합니다. 그러나 이 태그는 HTML 5에서 더 이상 사용되지 않습니다. 프레임 집합 태그는 브라우저를 분할하는 방법을 정의하는 데 사용됩니다. 각 프레임은 프레임 태그로 표시되며 기본적으로 프레임에 열리는 HTML 문서를 정의합니다. 가로 프레임을 정의하려면 HTML 문서에서 프레임 태그의 행 속성을 사용하고 세로 프레임을 정의하려면 HTML 문서에서 프레임 태그의 col 특성을 사용합니다. 프레임을 사용하면 브라우저 창의 여러 섹션(프레임이라고 함)을 가질 수 있으며 각 섹션에는 프레임 내에 고유한 .html 파일이 표시됩니다. 이것은 브라우저 창의 별도 섹션에 사이트의 별도 섹션을 표시 하려고 할 때 일반적인 관행, 상단에 헤더 등, 측면에 탐색, 그리고 나머지는 누군가가 헤더와 naviga를 하지 않고 아래로 스크롤할 수 있는 페이지 콘텐츠 tion이 사라집니다. 요소에는 하나 이상의 요소가 있습니다. 각 요소는 별도의 문서를 보유할 수 있습니다. 이러한 프레임 예제는 HTML5에서 지원되지 않습니다. HTML5 호환 프레임을 만들려면 위의 예제(“HTML5 준수 프레임”) 이 예제에서는 대상이 프레임 내용을 동적인 수정을 허용하는 방법을 보여 줍니다. 먼저 여기에 표시된 문서 frameset.html에서 프레임 집합을 정의합니다.

NOFRAMES 요소는 전환 및 프레임 집합 DTD의 일부입니다. 프레임 집합 DTD를 사용하는 문서에서는 문서의 FRAMESET 섹션 끝에 NOFRAME을 사용할 수 있습니다. 하나의 헤더 행, 왼쪽 및 오른쪽 열 및 가운데에 있는 콘텐츠가 있는 프레임 예제입니다. 두 링크를 활성화하면 “동적”이라는 프레임에 새 문서가 열리고 다른 프레임인 “고정”은 초기 내용을 유지 관리합니다. 태그는 내에서 하나의 특정 창(프레임)을 정의합니다. 각 예제를 별도로 다운로드하거나 여기에서 모든 HTML 프레임 템플릿을 다운로드할 수 있습니다. 행 특성설정은 프레임 세트의 가로 하위 공간 수를 정의합니다. cols 특성 설정은 수직 하위 공간의 수를 정의합니다.

두 특성을 동시에 설정하여 그리드를 만들 수 있습니다. 위의 예에서 *는 세로 프레임을 만들기 위한 나머지 백분율을 취합니다. php 및 asp와 같은 언어를 스크크리핑하는 서버 측의 도입으로 콘텐츠 페이지를 동적으로 만들 수 있으므로 프레임 세트는 요즘 거의 사용되지 않습니다. HTML5의 도입은 또한 프레임을 사용하지 않고도 페이지 레이아웃을 수행하는 새로운 방법을 제공했습니다. noresize=”noresize” “noresize” 특성을 사용하는 방법. 프레임은 재지정할 수 없습니다. 프레임 사이의 테두리 위로 마우스를 이동하고 테두리를 이동할 수 없습니다. 참고. 프레임 집합 정의는 변경되지 않지만 프레임 중 하나의 내용은 변경되지 않습니다. 프레임의 초기 내용이 변경되면 프레임 집합 정의는 더 이상 프레임의 현재 상태를 반영하지 않습니다. 이러한 예제는 CSS를 사용하여 HTML5 호환 프레임을 달성합니다. 행 특성이 설정되지 않은 경우 각 열은 페이지의 전체 길이를 확장합니다.

cols 특성이 설정되지 않은 경우 각 행은 페이지의 전체 너비를 확장합니다. 두 특성을 모두 설정하지 않으면 프레임이 페이지 크기를 정확히 차지합니다.

Tento obsah bol zaradený v Nezaradené. Zálohujte si trvalý odkaz.