반응형
지난 시간에는 이미지에 대해 배웠으면 이번시간은 iframe에 대해 배우겠습니다.
문서 내에 다른 문서를 불러들이는 방법은 <iframe>을 사용합니다. 원래 HTML5에서 <frameset>을 폐지하였는데, 거기에 속하는 <iframe>은 불행중(?) 다행스럽게도 남아있습니다. 보안에 문제를 가지고 있는 <iframe>은 HTML5의 'sandbox' 속성으로 <iframe>으로 연결된 문서 내의 스크립트가 실행되지 않도록 할 수 있습니다.
1. 아이프레임 기초
아래와 같이 <body></body>사이에 넣으시면 되요.
아래와 같이 브라우저 내에 다른 문서를 부르게 되는거죠. 옛날엔 많이들 보셨을거예요~
예제파일 다운받기 : 
html5_6_1.html
문서를 'src' 뿐만 아니라 HTML5에서 추가된 것으로는 'srcdoc'이며 크롬, 파이어폭스, 사파리6+ 그리고 오페라15+ 에서만 확인이 됩니다.
아래와 같이 사용하면 됩니다.
아래는 실행 화면이구요~
예제파일 다운 받기 : html5_6_2.html
반응형
'프로그래밍 > HTML5' 카테고리의 다른 글
| 이미지 요소들 (0) | 2015.08.10 |
|---|---|
| 앵커(Anchor) (0) | 2015.08.07 |
| 테이블 요소 (0) | 2015.08.02 |
| HTML5 기본 태그(3) (0) | 2015.07.27 |
| HTML5 기본 태그(2) (2) | 2015.07.24 |