인라인 프레임을 사용하면 외부 소스의 콘텐츠를 페이지에 포함시킬 수 있습니다.
일반적으로 "iframe"이라고하는 인라인 프레임은 HTML5에서 허용되는 유일한 유형의 프레임입니다. 이러한 프레임은 본질적으로 페이지에서 잘라내는 섹션입니다. 페이지에서 벗어난 공간에서 외부 웹 페이지로 피드 할 수 있습니다. 본질적으로 iframe은 웹 페이지 바로 내부에 설정된 다른 브라우저 창입니다. Google지도 또는 YouTube의 동영상과 같은 외부 콘텐츠를 포함해야하는 웹 사이트에서 일반적으로 사용되는 iframe을 볼 수 있습니다.
그 인기있는 웹 사이트는 모두 embed 코드에서 iframe을 사용합니다.
IFRAME 요소를 사용하는 방법
이 요소는 HTML5 전역 요소와 여러 다른 요소를 사용합니다. 4 개는 HTML 4.01의 속성입니다.
- - 프레임 소스의 URL
- - 창 높이
- - 창의 너비
- - 창 이름
HTML5에서는 3 가지가 새로 추가되었습니다.
- srcdoc - 프레임 소스의 HTML. 이 속성은 src 속성의 모든 URL보다 우선합니다
- 샌드 박스 - 프레임 창에서 허용되거나 허용되지 않아야하는 기능 목록
- seamless - 사용자 에이전트가 iframe이 부모 문서의 보이지 않는 부분처럼 렌더링되어야한다는 것을 알립니다.
간단한 iframe을 만들려면 소스 URL과 너비 및 높이를 설정해야합니다.