10.4.1 프레임 세트와 프레임의 차이
먼저 프레임 세트와 프레임의 차이점을 설명해 봅시다.
<frameset> </frameset>은 프레임을 나누는 데 사용되며 각 프레임은 <frame> </frame>으로 표시됩니다. <frameset> </frameset> 내에서 <frame> </frame>을 사용해야합니다. 코드는 다음과 같습니다.
<프레임 세트 테두리 = 1 프레임 스케이싱 = 1 BorderColor =#47478D 행 =* cols = 180,*>
<frame src = "inc/admin_left.htm"name = 왼쪽 스크롤 = no id = "left">
<frame src = "inc/admin_center.htm"name = main scrolling = "no">
</frameset>
위의 예에서 <frameset> </frameset>은 페이지를 두 부분으로 나누고 왼쪽 프레임의 페이지는 admin_left.htm이고 오른쪽 프레임의 페이지는 admin_center.htm입니다.
참고 : <frame> </frame> 태그의 프레임 순서는 왼쪽에서 오른쪽으로 또는 위에서 아래로됩니다.
둘 사이의 차이점은 다음과 같습니다.
● <frameset>은 프레임 태그이며 웹 페이지 문서가 프레임으로 구성되어 있음을 나타내며 문서에서 설정된 프레임을 구성하는 프레임의 레이아웃을 설정합니다.
● <프레임>은 프레임을 구성하는 각 프레임의 특성을 설정하는 데 사용됩니다.
10.4.2 프레임 세트 매개 변수 설정
<frameset>은 전체 페이지의 레이아웃을 직접 결정하는 특정 매개 변수를 설정해야합니다. 코드는 다음과 같습니다.
<프레임 세트 테두리 = 1 프레임 스케이싱 = 1 BorderColor =#47478D 행 =* cols = 180,*>
이전 코드의 매개 변수 설정과 그 의미는 표 10.3에 나와 있습니다.
표 10.3 프레임 세트 매개 변수
매개 변수 | 설명 |
국경 | 프레임 두께를 픽셀로 설정하십시오 |
프레임 보더 | 프레임 테두리를 표시할지 여부를 설정하고 0은 표시되지 않으며 1이 표시됩니다. |
프레임 스페이스 | 프레임 사이의 거리를 나타냅니다 |
Bordercolor | 프레임 테두리 색상을 설정하십시오 |
열 | 문서를 상단 및 하단 프레임으로 나눕니다. 행 값은 숫자 값 또는 백분율 일 수 있습니다. * 나머지 공간이 점유되었음을 의미합니다. 숫자 값의 수는 수평으로 분할 된 프레임 수를 나타냅니다. 예를 들어, rows = "210,*, 10%"는 페이지가 3 개의 상단, 중간 및 하단 프레임 페이지로 나뉘어져 있음을 의미합니다. 상단 프레임은 210px를 차지하고 하단 프레임은 전체 문서의 10%를 차지하며 나머지 공간은 중간 프레임에 의해 점유됩니다. * Row =*와 같은 상대 개념은 페이지에 상단 및 하부 구조가 없음을 의미합니다. |
콜스 | 행과 동일하게 설정하십시오 |
프레임 매개 변수 설정과 관련하여 코드는 다음과 같습니다.
표 10.4에 도시 된 바와 같이.
표 10.4 프레임 매개 변수
매개 변수 | 설명 |
이름 | 설정 프레임 워크의 이름은 영어로되어야합니다. |
SRC | 프레임에 표시된 페이지 경로와 이름을 상대적이거나 절대 경로 일 수 있습니다. |
마진 위 | 프레임의 왼쪽 및 오른쪽 가장자리에서 거리를 나타냅니다. |
여백 | 프레임의 상단 및 하단 가장자리에서 거리를 나타냅니다. |
스크롤링 | 프레임에 스크롤 막대를 표시할지 여부를 설정하면 예가 표시됩니다. NO가 표시되지 않으며 자동으로 프레임 페이지의 내용이 프레임의 크기를 초과 할 때 스크롤 막대가 자동으로 표시됨을 의미합니다. |
프레임 보더 | 프레임 테두리를 표시할지 여부를 설정하고 0은 표시되지 않으며 1이 표시됩니다. |
Noresize | 사용자 가이 프레임의 크기를 변경할 수 있는지 여부를 설정하십시오. 이 항목을 설정하지 않으면 뷰어는 프레임을 마음대로 당기고 프레임의 크기를 변경할 수 있습니다. |
프레임 스페이스 | 프레임 사이의 거리를 나타냅니다 |
Bordercolor | 프레임 테두리 색상을 설정하십시오 |
프레임과 iframe은 기본적으로 동일한 기능을 달성 할 수 있지만 iframe은 프레임보다 유연성이 더 많습니다.
iframe 태그를 플로팅 프레임 태그라고도합니다. HTML 디스플레이에 HTML 문서를 포함시키는 데 사용할 수 있습니다. IT와 프레임 태그의 가장 큰 차이점은 웹 페이지에 포함 된 <fame> </iframe>에 포함 된 내용이 전체 페이지와 전체이며 <frame> </frame>에 포함 된 내용은 독립적 인 개인이며 독립적으로 표시 할 수 있다는 것입니다. 또한 응용 프로그램 iframe 은이 컨텐츠의 코드를 반복하지 않고도 동일한 페이지에 동일한 컨텐츠를 여러 번 표시 할 수 있습니다.
그림 10.21에 표시된 페이지는 iframe을 사용하여 페이지 상단과 하단에 페이징 링크를 생성하는 것입니다. 상단과 하단의 코드는 동일합니다. 웹 페이지에 동일한 파일 만 포함되면 코드를 반복적으로 작성할 필요가 없습니다. 이 사례의 실제 효과는 Book-Accessor CD-Rom의 경우 /frame/iframe/see_infomore_iframe.htm을 참조하십시오.
iframe은 또 다른 더 큰 이점을 가지고 있습니다. 즉, 프레임 내의 배경이 메인 페이지의 배경과 동일하도록 프레임을 투명하게 설정할 수 있다는 것입니다. 위의 예에서 조작에서 신중한 독자 가이 문제를 발견 할 것입니다. iframe 투명성을 설정하는 방법을 자세히 설명해 봅시다. 특정 작업 단계는 다음과 같습니다.
(1) Book-Allocation CD에서 케이스/프레임/iframe/see_infomore_iframe1.htm을 엽니 다.
(2) 브라우저 의이 페이지에서 파일을 찾아보고 원래 셀의 배경이 iframe이 삽입되는 영역에서 덮어 쓰여 있음을 알 수 있습니다. 이는 원하는 효과가 아닙니다.
(3) Page.htm 페이지를 열고 코드보기로 전환 한 다음 다음과 같이 <body> 태그에 코드를 삽입하십시오.
<바디 스타일 = "배경색 = 투명">
그림 10.21 iframe을 사용하여 페이지 회전을 만듭니다
(4) see_infomore_iframe1.htm을 코드보기로 전환하고 페이지에 iframe 셀을 삽입하기위한 코드를 다음과 같이 봅니다.
<td colspan = "4">
<iframe name = "main"frameborder = "0"테두리 = 0 스크롤 = "no"marginwidth = "0"marginheight = "0"src = "page.htm"> </iframe>
</td>
(5) <iframe> 태그에서
<프레임 이름 = "왼쪽"src = "index_manager/admin_left.htm"marginwidth = "1"marginheight = "1"스크롤링 = "아니오"프레임 보더 = "1"Noresize framespacing = "2"BorderColor = "#cc0000">
이전 코드의 매개 변수 설정 및 그 의미
allowtransparency = "true"
(6)이 시점에서 iframe을 삽입하기위한 셀 코드는 다음과 같습니다.
<td colspan = "4">
<iframe name = "main"frameborder = "0"테두리 = 0 스크롤 = "no"marginwidth = "0"marginheight = "0"src = "page.htm"allowtransparency = "true"> </iframe> </td>
(7) 브라우저의 효과를 탐색하려면 두 페이지 페이지를 저장하고 see_infomore_iframe1.htm을 저장하십시오.