HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <frame> 태그

는 HTML 요소로, 특정 영역을 정의하고 다른 HTML 문서를 내부에 표시할 수 있습니다. 프레임은 <frameset> 내에서 사용해야 합니다. <frame>의 사용은 성능 문제와 사용자 접근성 부족 등의 단점이 있으므로 권장되지 않습니다. <frame> 대신 <iframe>을 더 권장합니다.

온라인 예제

간단한 세 프레임 페이지:

예제

<!DOCTYPE html>
<html>
<frameset cols="25,%*,25%">
　　<frame src="sun.html">
　　<frame src="venus.html">
　　<frame src="mercur.html">
</frameset>
</html>

테스트를 볼 것입니다.‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

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

<frame> 태그는 <frameset> 내의 서브 윈도우(프레임)를 정의합니다.

<frameset>에 들어있는 각 <frame>은 다른 속성을 설정할 수 있습니다. 예를 들어, border, scrolling, noresize 등.

비고:프레임을 포함한 페이지를 검증하고자 한다면, 다음을 확인하십시오. <!DOCTYPE> HTML Frameset DTD 또는 XHTML Frameset DTD로 설정됩니다.

HTML 4.01 HTML과5차이점

HTML5 HTML에서는 <frame> 태그를 지원하지 않습니다. 4.01 <frame> 태그를 지원합니다.

HTML과 XHTML 간의 차이

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

선택 사항의 속성

속성	값	설명
frameborder	0 　1	HTML5 지원하지 않습니다. 프레임 주위에 프레임이 표시되는지 지정합니다.
longdesc	URL	HTML5 지원하지 않습니다. 프레임 내용에 대한 긴 설명을 포함한 페이지를 지정합니다.
marginheight	pixels	HTML5 지원하지 않습니다. 프레임의 상단과 하단의 마argins을 지정합니다.
marginwidth	pixels	HTML5 지원하지 않습니다. 프레임의 왼쪽과 오른쪽의 마argins을 지정합니다.
name	name	HTML5 지원하지 않습니다. 프레임의 이름을 지정합니다.
noresize	noresize	HTML5 지원하지 않습니다. 프레임 크기를 조정할 수 없습니다.
scrolling	yes 　no 　auto	HTML5 지원하지 않습니다. 프레임에서 스크롤바가 표시되는지 지정합니다.
src	URL	HTML5 지원하지 않습니다. 프레임에 표시할 문서의 URL을 정의합니다.

표준 속성

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

속성	값	설명
class	classname	요소의 클래스 이름을 정의합니다
id	id	요소의 유일한 id를 정의합니다
style	style_definition	요소의 인라인 스타일을 정의합니다
title	text	요소의 추가 정보를 정의합니다

완전한 설명을 원하시면 다음을 방문하세요표준 속성。

이벤트 속성

W3C의 표준, HTML 4.01 에서, <frame> 태그는 어떤 이벤트 속성도 지원하지 않습니다.

그러나 모든 브라우저는 onload 이벤트를 지원합니다.

완전한 설명을 원하시면 다음을 방문하세요이벤트 속성。

온라인 예제를 시도해 보세요

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

혼합 구조 프레임
이 예제는 세 개의 문서를 포함한 프레임 구조를 만들고 그들을 행과 열에 혼합하여 배치하는 방법을 보여줍니다.

noresize="noresize" 속성을 가진 프레임 구조
이 예제는 noresize 속성을 보여줍니다. 이 예제에서 프레임은 크기를 조정할 수 없습니다. 프레임 사이의 경계선에 마우스를 드래그하면 경계선이 이동하지 않음을 알 수 있습니다.

HTML: <i> 태그 HTML: <form> 태그