<아이프레임>


HTML <iframe> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.php.cn">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

인스턴스 실행 »

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


브라우저 지원

1000.png

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


태그 정의 및 사용 지침

<iframe> 태그는 인라인 프레임을 지정합니다.

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


팁 및 메모

팁:<iframe>을 지원하지 않는 브라우저에 대응하려면 <iframe>과 </iframe> 사이에 필요한 텍스트를 배치할 수 있습니다.

팁: CSS를 사용하여 <iframe>(스크롤바 포함) 스타일을 정의하세요.


HTML 4.01과 HTML5의 차이점

HTML5는 HTML 4.01에서 몇 가지 새로운 속성을 추가하고 일부 속성을 제거합니다.


HTML과 XHTML의 차이점

XHTML에서는 이름 속성이 더 이상 사용되지 않으며 제거될 예정입니다. 대신 id 속성을 사용하세요.


Attributes

New: HTML5의 새로운 속성.

PropertyValueDescription
alignleft
그렇죠

중간
하단
HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 주변 요소를 기준으로 <iframe>을 정렬하는 방법을 지정합니다.
프레임 테두리1
0
HTML5는 지원되지 않습니다. <iframe> 주위에 테두리를 표시할지 여부를 지정합니다.
heightpixels<iframe>의 높이를 지정합니다.
longdescURLHTML5는 지원되지 않습니다. <iframe>에 대한 자세한 설명이 포함된 페이지를 지정합니다.
marginheightpixelsHTML5는 지원되지 않습니다. <iframe>의 위쪽 및 아래쪽 여백을 지정합니다.
marginwidthpixelsHTML5는 지원되지 않습니다. <iframe>의 왼쪽 및 오른쪽 여백을 지정합니다.
namename은 <iframe>의 이름을 지정합니다.
sandboxNew""
​​허용 양식
​​동일 출처 허용
​​허용 스크립트
Allow-top-navigation
은 <iframe> 콘텐츠에 대한 일련의 추가 제한 사항을 정의합니다.
스크롤 중
안돼
Auto
HTML5는 지원되지 않습니다. <iframe>에 스크롤 막대를 표시할지 여부를 지정합니다.
seamlessNewseamless는 <iframe>이 상위 문서의 일부처럼 보이도록 지정합니다.
srcURL<iframe>에 표시되는 문서의 URL을 지정합니다.
srcdocNewHTML_code은 페이지의 HTML 콘텐츠가 <iframe>에 표시되도록 지정합니다.
widthpixels<iframe>의 너비를 지정합니다.


전역 속성

<iframe> 태그는 HTML 전역 속성을 지원합니다.


이벤트 속성

<iframe> 태그는 HTML 이벤트 속성을 지원합니다.


관련 기사

HTML 튜토리얼: HTML Framework

HTML DOM 참조 매뉴얼: IFrame Object