본문 바로가기
HTML

[HTML] 외부문서삽입(iframe)

by byeongoo 2019. 5. 12.

iframe

iframe의 등장시기는 html 4.01입니다. 웹 페이지에 다른 페이지를 삽입하는 방법인 아이프레임은 편리하면서도 위험한 방법입니다. 왜냐면 신뢰할 없는 사이트에서 악성코드 같은 것을 포함하고 있다면 삽입된 외부소스에서 악성코드가 실행될 있기 때문이죠. 이런 문제를 해소하기 위해서 HTML 최신 버전인 HTML5에서는 샌드박스라는 것을 도입했습니다. 아이프레임으로 삽입된 페이지에서 자바스크립트 등이 실행되지 않도록 하는 방법입니다. 다음 코드는 http://opentutorials.org 를 iframe에 가져오는 소스입니다. 가로, 세로 높이를 지정해 줄 수 있습니다.

<html>
<body>
	<iframe src="http://opentutorials.org" width="500" height="500" sandbox></iframe>
</body>
</html>

iframe 외부의 콘텐츠를 사이트로 가지고 많이 사용합니다. Iframe sandbox라는 속성을 넣어주면 안쪽에 있는 콘텐츠에서 자바스크립트와 같이 위험한 코드들을 차단해줍니다.

'HTML' 카테고리의 다른 글

[HTML] HTML video 태그  (0) 2019.05.23
[HTML] View Port  (0) 2019.05.08
[HTML] 정보로서의 html  (0) 2019.05.08
[HTML] <form> 태그  (0) 2019.05.08
[HTML] html table  (0) 2019.05.08