본문 바로가기
Coding/Client - HTML

외부문서삽입 - iframe

by 그냥그렇듯이 2017. 9. 4.
반응형

모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.

문제시, 비공개로 전환하겠습니다.


<외부문서삽입 - iframe>

웹페이지에 다른 웹페이지를 삽입하는 방법인 아이프래임은 참 편리하면서도 위험한 방법입니다.
왜냐면 신뢰할 수 없는 사이트에서 악성코드 같은 것을 포함하고 있다면
삽입된 외부소스에서 악성코드가 실행될 수 있기 때문이죠.
이런 문제를 해소하기 위해서
HTML의 최신 버전인 HTML5에서는 샌드박스라는 것을 도입했습니다.
아이프래임으로 삽입된 웹페이지에서 자바스크립트 등이 실행되지 않도록 하는 방법인데요.
아이패래임이 무엇인지, 사용법, 그리고 보안을 개선할 수 있는 새로운 방법을 소개합니다.

예제 1

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

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

  </body>

</html>


예제 2

 <!DOCTYPE html>

<html>

  <head>

    <style media="screen">

      body{

        background-color: tomato;

        color:PowderBlue;

      }

    </style>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <script>

      alert("Hello World");

    </script>

  </body>

</html>

예제 3

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

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

  </body>

</html>

댓글