html frameset 예제
2/08/2019많은 최신 웹 사이트에는 페이지 사이드바 또는 페이지 위 아래쪽으로 스크롤할 때 페이지 상단에 표시되는 끈적끈적한 탐색 메뉴가 있습니다. 그러나 끈적끈적한 탐색을 가능하게 하는 CSS 기능이 웹 브라우저에서 항상 지원되는 것은 아닙니다. CSS를 사용하여 이 효과를 만들기 전에 HTML 프레임 세트와 프레임 요소를 사용하여 다른 콘텐츠를 스크롤할 수 있는 동안 특정 콘텐츠가 표시되는 페이지 레이아웃을 만들었습니다. 중첩된 프레임 집합은 상위 요소 내의 첫 번째 프레임의 자리를 대신합니다. 중첩된 요소는 어떤 위치에도 배치할 수 있습니다. 예를 들어 중첩된 요소가 가운데 위치에 표시되도록 하려면 이와 같은 요소를 다시 정렬합니다. 이 특성은 프레임 사이에 3차원 테두리를 표시할지 여부를 지정합니다. 이 특성은 값 1(예) 또는 0(아니요)을 사용합니다. 예를 들어 프레임 테두리 = „0”은 테두리를 지정하지 않습니다.
프레임 만들기: 본문 태그를 사용하는 대신 HTML에서 프레임 집합 태그를 사용하여 웹 브라우저에서 프레임을 사용합니다. 그러나 이 태그는 HTML 5에서 더 이상 사용되지 않습니다. 프레임 집합 태그는 브라우저를 분할하는 방법을 정의하는 데 사용됩니다. 각 프레임은 프레임 태그로 표시되며 기본적으로 프레임에 열리는 HTML 문서를 정의합니다. 가로 프레임을 정의하려면 HTML 문서에서 프레임 태그의 행 속성을 사용하고 세로 프레임을 정의하려면 HTML 문서에서 프레임 태그의 col 특성을 사용합니다. 그런 다음 init_dynamic.html에서 „dynamic”이라는 프레임에 연결합니다. 링크를 클릭하면 frame_3.html 로드 및 Frame_4.html 로드가 예상대로 정확하게 조정되어 가운데 열에 해당 파일의 내용을 로드합니다. 다음 예제에서 외부 FRAMESET은 사용 가능한 공간을 세 개의 동일한 열로 나눕니다.
그런 다음 내부 FRAMESET은 두 번째 영역을 같지 않은 높이의 두 행으로 나눕니다. NOFRAME은 예를 들어 프레임의 소스이고 과도기 DTD를 사용하는 문서에서 사용될 수 있습니다. 이를 통해 작성자는 프레임 집합에서 보거나 프레임을 지원하지 않는 사용자 에이전트를 사용하여 문서의 용도를 설명할 수 있습니다. 출력: 위의 예제는 기본적으로 세 개의 가로 프레임을 만드는 데 사용: 상단, 중간 및 하단 프레임 태그의 행 속성을 사용 하 여 noframe 태그 noframe 을 지원 하지 않는 그 브라우저에 사용 됩니다. 문서 자체의 스타일을 지정하는 것 외에도 프레임 집합의 프레젠테이션에 영향을 줄 수 있는 몇 가지 방법이 있습니다. 즉, frame_1.html은 frame_1.html에 포함된 CSS 규칙또는 frame_1.html에 연결된 스타일시트에 따라 스타일을 조정해야 합니다. 작성자는 OBJECT 요소를 통해 이 데이터를 포함하여 여러 프레임 간에 데이터를 공유할 수 있습니다. 작성자는 프레임 집합 문서의 HEAD 요소에 OBJECT 요소를 포함하고 id 특성으로 이름을 지정해야 합니다. 프레임 집합의 프레임 내용인 모든 문서는 이 식별자를 참조할 수 있습니다.
가로 프레임세세 개의 서로 다른 문서로 가로 프레임 집합을 만드는 방법. 이전 브라우저를 가진 사용자에 대 한 몇 가지 좋은 메시지를 넣을 수 있습니다. 예를 들어, 죄송합니다!! 브라우저는 프레임을 지원하지 않습니다. 위의 예에 나와 있습니다. 각 프레임의 표시는 원본 문서 내에서 정의되어야 합니다. 프레임 집합의 표시는 프레임 집합을 포함하는 상위 문서 내에서 정의되어야 합니다. 이 특성은 각 프레임의 테두리 너비를 픽셀 단위로 지정합니다. 예를 들어 테두리 = „5”입니다. 값이 0이면 테두리가 없습니다. 다음은 세 개의 가로 프레임을 만드는 예입니다 – 다음 예는 세 개의 열을 만듭니다 : 두 번째는 250 픽셀의 고정 폭을 가지고 (예를 들어, 알려진 크기의 이미지를 보유하는 데 유용합니다).