정의 및 사용
<iframe> 태그는 인라인 프레임을 지정합니다.
인라인 프레임은 현재 HTML 문서 내의 다른 문서를 포함하는 데 사용됩니다.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <iframe> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : 지원하지 않는 브라우저를 처리하려면 <iframe> 개구부 사이에 텍스트를 추가 <iframe> 태그와 닫는 </iframe> 태그입니다.
팁 : CSS는 스타일 <iframe> (심지어 스크롤 막대를 포함합니다)를.
HTML 4.01과 HTML5의 차이점
HTML5는 새로운 속성을 추가했습니다, 그리고 여러 HTML 4.01 속성은 HTML5에서 제거됩니다.
HTML 및 XHTML의 차이점
XHTML에서 name 속성이 사용되지 않으며 제거됩니다. 사용 글로벌 id 속성을 대신 사용하십시오.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| align | left right top middle bottom | HTML5에서 지원되지 않습니다. 의 정렬을 지정하는 <iframe> 주변 요소에 따라 |
| frameborder | 1 0 | HTML5에서 지원되지 않습니다. 주위에 테두리를 표시할지 여부를 지정합니다 <iframe> |
| height | pixels | 의 높이를 지정합니다 <iframe> |
| longdesc | URL | HTML5에서 지원되지 않습니다. 의 함유량의 긴 설명을 포함하는 페이지 지정 <iframe> |
| marginheight | pixels | HTML5에서 지원되지 않습니다. 의 내용의 상단과 하단 여백 지정 <iframe> |
| marginwidth | pixels | HTML5에서 지원되지 않습니다. 의 콘텐츠 좌우 마진 지정 <iframe> |
| name | text | 의 이름을 지정합니다 <iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | 의 콘텐츠에 대한 제한의 추가 세트를 활성화 <iframe> |
| scrolling | yes no auto | HTML5에서 지원되지 않습니다. 에서 스크롤 막대를 표시할지 여부를 지정합니다 <iframe> |
| src | URL | 문서의 주소가에 포함하도록 지정 <iframe> |
| srcdoc | HTML_code | 페이지의 HTML 콘텐츠에 표시하도록 지정하는 <iframe> |
| width | pixels | 의 폭을 지정 <iframe> |
글로벌 속성
<iframe> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<iframe> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML 튜토리얼 : HTML Iframe을
HTML DOM 참조 : IFrame을 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <iframe> 다음과 같은 기본 값으로 요소를 :
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}