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 |