HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <iframe> 태그

HTML <iframe> 태그는 다른 HTML 페이지를 현재 페이지에 삽입할 수 있게 합니다. 이 태그는 일반적으로 <iframe> 요소라고도 합니다.

온라인 예제

인라인 프레임을 표시하려면:

예제

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
</head>　
<body>
<iframe　src="//ko.oldtoolbag.com">
　　<p>아쉽게도, 브라우저가　iframe　태그를 지원하지 않습니다.</p>
</iframe>
</body>
</html>

테스트를 해보세요 ‹/›

브라우저가 <iframe> 태그를 지원하지 않으면,

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

인라인 프레임은 현재 HTML 문서에 다른 문서를 삽입하는 데 사용됩니다.

프레임 내에서 스크립트는 window.parent를 사용하여 부모 창을 참조할 수 있습니다.

알림과 주의사항

알림:필요한 텍스트를 <iframe>와 </iframe> 사이에 위치시키면 <iframe>를 지원하지 않는 브라우저에 대비할 수 있습니다.

알림:CSS를 사용하여 <iframe> (스크롤바 포함)에 스타일을 정의합니다.

HTML 4.01 HTML과5간의 차이

HTML5 새로운 속성을 추가했으며 HTML과 4.01 중의 일부 속성.

HTML과 XHTML 간의 차이

XHTML에서 name 속성은 더 이상 사용되지 않으며 제거됩니다. id 속성을 대체하세요.

속성

New　：HTML5 속성 중에 새로 추가된 속성.

속성	값	설명
align	left right top middle bottom	HTML5 지원하지 않습니다. HTML 4.01 废弃되었습니다. 　　اطراف 요소에 따라 <iframe>를 정렬하는 방법을 지정합니다.
frameborder	1 　0	HTML5 지원하지 않습니다. <iframe> 주위에 테두리를 표시할지 여부를 지정합니다.
height	pixels	<iframe>의 높이를 지정합니다.
longdesc	URL	HTML5 지원하지 않습니다. <iframe>에 대한 상세 설명을 포함한 페이지를 지정합니다.
marginheight	pixels	HTML5 지원하지 않습니다. <iframe>의 상단과 하단의 여백을 지정합니다.
marginwidth	pixels	HTML5 지원하지 않습니다. <iframe>의 왼쪽과 오른쪽의 여백을 지정합니다.
name	name	<iframe>의 이름을 지정합니다。
sandboxHTML5	"" 　allow-forms 　allow-same-origin 　allow-scripts 　allow-top-navigation	<iframe>의 내용에 대한 추가 제한을 정의합니다。
scrolling	yes 　no 　auto	HTML5 지원하지 않습니다. <iframe>에 스크롤바를 표시할지 여부를 규정합니다。
seamlessHTML5	seamless	<iframe>이 부모 문서의 일부처럼 보이도록 지정합니다。
src	URL	<iframe>에 표시되는 문서의 URL을 규정합니다。
srcdocHTML5	HTML_code	페이지에서의 HTML 내용을 <iframe>에 표시하도록 규정합니다。
width	pixels	<iframe>의 너비를 지정하십시오。

전역 속성

이벤트 속성