<아이프레임>
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>
인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
모든 주요 브라우저는 <iframe> 태그를 지원합니다.
태그 정의 및 사용 지침
<iframe> 태그는 인라인 프레임을 지정합니다.
인라인 프레임은 현재 HTML 문서 내에 다른 문서를 삽입하는 데 사용됩니다.
팁 및 메모
팁:<iframe>을 지원하지 않는 브라우저에 대응하려면 <iframe>과 </iframe> 사이에 필요한 텍스트를 배치할 수 있습니다.
팁: CSS를 사용하여 <iframe>(스크롤바 포함) 스타일을 정의하세요.
HTML 4.01과 HTML5의 차이점
HTML5는 HTML 4.01에서 몇 가지 새로운 속성을 추가하고 일부 속성을 제거합니다.
HTML과 XHTML의 차이점
XHTML에서는 이름 속성이 더 이상 사용되지 않으며 제거될 예정입니다. 대신 id 속성을 사용하세요.
Attributes
New: HTML5의 새로운 속성.
Property | Value | Description |
---|---|---|
align | left 그렇죠 탑 중간 하단 | HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 주변 요소를 기준으로 <iframe>을 정렬하는 방법을 지정합니다. |
프레임 테두리 | 1 0 | HTML5는 지원되지 않습니다. <iframe> 주위에 테두리를 표시할지 여부를 지정합니다. |
height | pixels | <iframe>의 높이를 지정합니다. |
longdesc | URL | HTML5는 지원되지 않습니다. <iframe>에 대한 자세한 설명이 포함된 페이지를 지정합니다. |
marginheight | pixels | HTML5는 지원되지 않습니다. <iframe>의 위쪽 및 아래쪽 여백을 지정합니다. |
marginwidth | pixels | HTML5는 지원되지 않습니다. <iframe>의 왼쪽 및 오른쪽 여백을 지정합니다. |
name | name | 은 <iframe>의 이름을 지정합니다. |
sandboxNew | "" 허용 양식 동일 출처 허용 허용 스크립트 Allow-top-navigation | 은 <iframe> 콘텐츠에 대한 일련의 추가 제한 사항을 정의합니다. |
스크롤 중 | 예 안돼 Auto | HTML5는 지원되지 않습니다. <iframe>에 스크롤 막대를 표시할지 여부를 지정합니다. |
seamlessNew | seamless | 는 <iframe>이 상위 문서의 일부처럼 보이도록 지정합니다. |
src | URL | <iframe>에 표시되는 문서의 URL을 지정합니다. |
srcdocNew | HTML_code | 은 페이지의 HTML 콘텐츠가 <iframe>에 표시되도록 지정합니다. |
width | pixels | <iframe>의 너비를 지정합니다. |
전역 속성
<iframe> 태그는 HTML 전역 속성을 지원합니다.
이벤트 속성
<iframe> 태그는 HTML 이벤트 속성을 지원합니다.
관련 기사
HTML 튜토리얼: HTML Framework
HTML DOM 참조 매뉴얼: IFrame Object