<프레임>


HTML <frame> 태그 - HTML5는

Instances

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

실행 인스턴스를 지원하지 않습니다.»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원


모든 주요 브라우저는 <frame> 태그를 지원합니다.

태그 정의 및 사용 지침

HTML5는 <frame> 태그를 지원하지 않습니다.

<frame> 태그는 <frameset>의 하위 창(프레임)을 정의합니다.

<frameset> 각 <프레임>은 테두리, 스크롤, 크기 조정 등과 같은 다양한 속성으로 설정할 수 있습니다.

참고: 프레임이 포함된 페이지의 유효성을 검사하려면 <!DOCTYPE>이 "HTML 프레임세트 DTD" 또는 "XHTML 프레임세트 DTD"로 설정되어 있는지 확인하세요.

HTML 4.01과 HTML5의 차이점

HTML5는 <frame> 태그를 지원하지 않지만 HTML 4.01은 <frame> 태그를 지원합니다.

HTML과 XHTML의 차이점

HTML에서 <frame> 태그에는 닫는 태그가 없습니다. XHTML에서는 <frame> 태그를 올바르게 닫아야 합니다.

선택적 속성

propertyvaluedescription
frameborder0
​ 1		HTML5는 지원하지 않습니다. 프레임 주위에 테두리를 표시할지 여부를 지정합니다.
longdescURLHTML5는 지원되지 않습니다. 프레임 내용에 대한 긴 설명이 포함된 페이지를 지정합니다.
marginheightpixelsHTML5는 지원되지 않습니다. 프레임의 위쪽 및 아래쪽 여백을 지정합니다.
marginwidthpixelsHTML5는 지원되지 않습니다. 프레임의 왼쪽 및 오른쪽 여백을 지정합니다.
namenameHTML5는 지원되지 않습니다. 프레임워크의 이름을 지정합니다.
noresizenoresizeHTML5는 지원되지 않습니다. 프레임 크기를 조정할 수 없도록 지정합니다.
스크롤 중예
안돼
자동		HTML5는 지원되지 않습니다. 프레임에 스크롤 막대를 표시할지 여부를 지정합니다.
srcURLHTML5는 지원되지 않습니다. 프레임에 표시되는 문서의 URL을 지정합니다.

표준 속성

HTML 4.01에서 <frame> 태그는 다음과 같은 표준 속성을 지원합니다.

클래스를 지정합니다. 요소 Nameidstyle_definition text전체 설명을 보려면 표준 속성을 방문하세요. 이벤트 속성 사용해 보세요 - 예
id
요소의 고유 ID를 지정합니다style
요소의 인라인 스타일을 지정합니다 제목
는 요소를 지정합니다. 추가 정보
W3C 표준에 따르면 HTML 4.01에서는 <frame> 태그가 시간 속성을 지원하지 않습니다. 그러나 모든 브라우저는 onload 이벤트를 지원합니다. 전체 설명을 보려면 이벤트 속성을 방문하세요.

가로 프레임
이 예에서는 세 가지 다른 문서를 사용하여 가로 프레임을 만드는 방법을 보여줍니다.

Example

<!DOCTYPE html>
<html>

<frameset rows="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

예제 실행»
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요Examples

혼합 구조 프레임워크
이 예에서는 세 개의 문서가 포함된 프레임 구조를 만들고 이를 혼합하는 방법을 보여줍니다. 행과 열 사이에서 같은 시간.


Instance

<!DOCTYPE html>
<html>

<frameset rows="50%,50%">
  <frame src="frame_a.htm">
  <frameset cols="25%,75%">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
  </frameset>
</frameset>

</html>

인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

noresize="noresize" 속성이 포함된 프레임 구조
이 예에서는 noresize 속성을 보여줍니다. 이 경우 프레임 크기를 조정할 수 없습니다. 프레임 사이의 테두리 위로 마우스를 드래그하면 테두리를 이동할 수 없다는 것을 알 수 있습니다.


Instance

<!DOCTYPE html>
<html>

<frameset cols="50%,*,25%">
  <frame src="frame_a.htm" noresize="noresize">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

←
→