HTML+CSS+자바스크립트

iframe

kchabin 2022. 7. 11. 20:09

코드

기본 형식

<iframe src=[URL]

             srcdoc="HTML 문서 텍스트"

             name="윈도우 이름"

             width="프레임의 폭"

             height="프레임의 높이">

iframe 태그를 다루지 않는 브라우저에 의해 대신 출력되는 텍스트

</iframe>

 

src : 출력할 웹 페이지의 URL 주소

srcdoc : 직접 HTML 태그로 작성된 텍스트로서 출력될 내용

name : 프레임 윈도우의 이름. 다른 웹 페이지에서 target 속성 값으로 사용

width : 프레임의 폭, 픽셀 값, 디폴트 300

height : 프레임의 높이, 픽셀 값, 디폴트 150

srcdoc 활용

브라우저 윈도우와 프레임 윈도우는 부모 자식 관계임.

parent 윈도우

child 윈도우

top 윈도우 : 최상위 브라우저 윈도우

가장 최상위 윈도우 = top 윈도우

top 윈도우 안에 left frame윈도우와 right frame 윈도우가 child 윈도우로 들어감.

upper와 lower 윈도우는 right frame 윈도우의 child 윈도우임.