>웹 프론트엔드 >HTML 튜토리얼 >HTML 프레임 태그 프레임셋, 프레임, iframe, noframes

HTML 프레임 태그 프레임셋, 프레임, iframe, noframes

高洛峰
高洛峰원래의
2017-02-13 15:19:522271검색

일반적으로 브라우저 문서 창에는 하나의 웹 페이지 파일만 표시될 수 있습니다. 그러나 프레임 태그를 사용하면 브라우저 문서 창을 여러 개의 하위 창으로 나누어 각 하위에 독립적인 웹 페이지 파일을 표시할 수 있습니다. -창문.
프레임은 브라우저 문서 창의 하위 창을 나타내는 영어 프레임(English Frame)을 번역한 것입니다. 각 프레임은 HTML 파일을 표시할 수 있으며 여러 프레임이 프레임세트(Frameset)를 형성합니다. 프레임세트를 사용하는 일반적인 방법은 웹 페이지를 프레임에 배치하는 것입니다. 이 웹 페이지에는 여러 다른 웹 페이지에 연결할 수 있는 하이퍼링크 항목이 포함되어 있습니다. 방문자가 이러한 하이퍼링크 항목을 클릭하면 하이퍼링크가 가리키는 웹 페이지 파일이 나타납니다. 다른 지정된 프레임에 표시될 수 있습니다. 단일 응용 프로그램 창에 둘 이상의 웹 페이지를 표시해야 하는 경우 프레임을 사용할 수 있습니다.


1. 프레임셋 태그 …

여러 프레임으로 구분된 창 영역을 프레임셋이라고 하며, 프레임 창은 In에서 정의해야 합니다. 프레임세트의 경우, 및 태그는 프레임세트에 있는 프레임 수와 각 프레임이 배열되는 방식을 정의하는 데 사용됩니다.
및 태그는 태그 쌍에 중첩될 수도 있지만 ; 태그: 및 태그는 프레임 창을 나누는 데만 사용되며 다른 웹 페이지 요소를 표시할 수 없습니다.
태그에는 행과 열이라는 두 가지 중요한 속성이 있습니다. 이 태그를 사용할 때 이 두 속성 중 적어도 하나를 선택해야 합니다. 그렇지 않으면 브라우저는 정의된 첫 번째 프레임만 표시하고 나머지는 < ;frameset> 및 태그는 아무런 역할도 하지 않습니다.
row 속성은 기본 문서의 프레임 창 행 수와 각 프레임 창의 크기를 지정하는 데 사용됩니다.

cols 속성은 기본 문서의 프레임 창 열 수와 각 프레임 창의 크기를 지정하는 데 사용됩니다.

속성 값은 백분율 또는 절대 픽셀 값일 수 있습니다. 또는 별표(*)의 조합으로, 값의 개수는 행과 열의 개수를 나타내고, (*)는 지정되지 않은 공백을 나타내고, 동일한 속성에 별표(*)가 여러 개 나타날 경우 남은 지정되지 않은 공백을 나누어서 표시합니다. 균등하게 각 값을 쉼표로 구분합니다.

예: 이는 3개의 프레임이 행으로 배열되어 있고 각 프레임이

전체 브라우저 창 3 크기의 1/1을 차지함을 의미합니다. 공간의.

이는 세 개의 프레임이 열로 배열되어 있음을 의미하며 나머지 프레임은 전체 브라우저 창의 40%를 차지합니다. 공간은 다른 두 프레임의 창 사이에 동일하게 나누어집니다.

이는 6개의 프레임, 2개의 행, 3개의 열이 있음을 의미합니다.

2. 프레임 태그

태그는 프레임 창. 태그에는 src 및 name 속성이라는 두 가지 중요한 속성이 있으며, 두 속성 모두 값을 할당해야 합니다. src는 전체 프레임 창에 처음 로드된 웹 페이지 파일의 URL 주소를 지정합니다. 브라우저는 이 프레임에 src로 지정된 HTML 파일을 표시합니다. name은 프레임 창의 이름을 지정합니다. a href=""target="">의 target 속성은 링크된 HTML 파일이 표시될 프레임을 지정합니다. 예를 들어 프레임 이름이 main으로 정의되어 있고 다른 프레임 창에 있는 하이퍼링크 태그의 대상 속성 값이 이 프레임 창의 이름인 main과 동일한 경우 하이퍼링크를 클릭하면 가리키는 HTML 파일이 프레임에 표시됩니다.
또한 에는 스크롤 및 noresize 속성이 있습니다. 스크롤은 프레임 창 테두리에 스크롤 막대를 표시할지 여부를 지정하는 데 사용됩니다. 값은 yes, no 또는 auto(공백이 있을 때 표시됨)입니다. 웹 페이지 콘텐츠의 크기가 스페이스 창보다 큽니다. 그렇지 않으면 표시되지 않습니다. noresize 속성은 값을 지정하지 않고 태그를 추가하여 프레임 크기를 조정하기 위해 프레임 사이의 구분선을 마우스로 드래그하는 것을 방지하는 데 사용됩니다.

3. 뷰어가 사용하는 브라우저가 너무 오래된 경우 </p> <p><noframes> 프레임 기능은 지원되지 않습니다. 보이는 내용은 비어 있습니다. 이러한 상황을 방지하려면 <noframes> 태그를 사용하면 됩니다. 사용 중인 브라우저에서 프레임을 볼 수 없으면 공백 대신 <noframes>... 공간. . 이러한 콘텐츠는 새 브라우저로 전환하라고 알려주는 텍스트일 수도 있고, 프레임이 없는 웹페이지일 수도 있고, 프레임이 없는 버전으로 자동 전환될 수도 있습니다. 이 태그 쌍 사이에는 태그가 바로 뒤에 와야 합니다.

4. 플로팅 창 라벨

태그는 태그 사이에 배치할 필요가 없습니다. 이 프레임 창에서는 다른 파일을 표시하여 "picture-in-picture" 효과를 얻을 수 있습니다. 태그 쌍에 있는 텍스트는 브라우저가