1. <HTML "> iframe> 태그 : iframe은 내부 프레임 워크이며 페이지에서 내부 프레임 워크를 생성합니다.
2. <frameset> 태그 : 프레임 세트는 여러 서브 프레임을 포함하는 프레임 워크 세트를 정의하며 각 프레임 워크에는 독립적 인 문서가 있습니다.
<Iframe> 태그iframe은 내부 프레임 워크로 페이지에서 내부 프레임 워크를 생성합니다.
<iframe> </iframe>
재산Frameborder {int} : 프레임의 프레임을 표시할지 여부;
src {url} : 리소스의 URI (예 : 웹 페이지, 그림)를 지정합니다.
스크롤 {boolean} : 프레임의 롤링 바를 표시할지 여부;
너비 {int} : iframe의 너비를 정의합니다.
높이 {int} : iframe의 높이를 정의합니다.
모범적 인 예<body> <h3> HTML 태그 데모 </h3> <iframe src = 1.1-showhtml.htm> </iframe> </body>지침
<iframe> 내용 </iframe>에 컨텐츠를 추가하면 추가 페이지의 내용이 디스플레이 페이지에 표시되지 않습니다. 따라서 SRC 속성을 사용하여 페이지를 지정하십시오.
응용 프로그램 시나리오1) 버전 업그레이드 페이지, 너무 많은 버전 로그, 업그레이드 정보를 iframe에 넣을 수 있습니다.
2) 블로그 공원의 [새로운 에세이] 영역과 같은 Fortune Editing Box.
<프레임 세트> 레이블프레임 세트는 여러 프레임 워크가 포함 된 프레임 워크 세트를 정의하며 각 프레임 워크에는 독립적 인 문서가 있습니다.
체재<frameset> <frame src = a.htm /> <frame src = b.htm /> <noframes> < /noframes> < /frameset>하위 탐색
<framesrc = a.htm /> : 서브 프레임 <noframes> < /noframes> : 브라우저 가이 프레임 워크를 지원하지 않으면 표시됩니다.
재산 프레임 세트 속성 :행 : 선 () 라인에 따라 서브 프레임의 레이아웃. 예를 들어 두 개의 서브 프레임을 예로 들어 보며, 행 = 30%,*, 첫 번째 프레임 워크가 전체 페이지의 30%를 차지하고 두 번째 프레임 워크는 나머지 색상을 차지한다는 것을 나타냅니다. 서브 프레임 (). 예를 들어 2 개의 하위 프레임을 취합니다. Cols = 30%,*, 첫 번째 프레임 워크가 전체 페이지의 길이의 30%를 차지하고 두 번째 프레임 워크는 나머지를 차지하고 있음을 나타냅니다 조정하지 않고 서브 프레임.
프레임 속성 :SRC : 리소스 (예 : 페이지, 사진 등)를 나타내는 URI;
이름 : 프레임 워크 사이의 작동을위한 프레임 워크 이름을 지정하십시오.
모범적 인 예<html xmlns = http://www.w3.org/1999/xhtml> <head> <title> 프레임 세트 데모 </title> </head> <프레임 세트 행 = 30%,* noresize> <프레임 src = dategrid.htm name = frm1/> <frame src = dialog.htm name = frm2/> <nooframes> </noframes> </frameset> </html>지침
프레임 세트 태그를 사용할 때는 외부 레이어의 <body> </body> 태그를 제거하기 위해주의를 기울이십시오.
서브 프레임 사이의 작동 예제 코드를 참조하십시오. FRM1은 FRM2의 서브 세트를 가리키는 페이지를 변경합니다 : window.parent.frames[frm2].location.href = 'b.htm'
응용 프로그램 시나리오
1) 배경 페이지의 관리, 왼쪽의 메뉴 및 오른쪽 프레임의 자세한 페이지.
2) bbs.csdn.net과 같은 기능 메뉴 페이지
작은 지식페이지에서 프레임 워크를 찾아 보면 프레임 페이지를 오른쪽으로 클릭하면 더 많은 프레임 워크 정보가 있습니다.
크롬을 예로 들어보십시오.