<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/6Y8PpdMb6BI?si=Ti_6GFsQhQMUDrWn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dhV0DvtKfBc?si=byXRcTKJ_4tbjbBA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZNy2ajRiGXc?si=Q6nVFVZHHcCVNZEY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/hlaGDS0PpLQ?si=28Ui1qSOR2kc6SeL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/6Y8PpdMb6BI?si=Ti_6GFsQhQMUDrWn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dhV0DvtKfBc?si=byXRcTKJ_4tbjbBA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZNy2ajRiGXc?si=Q6nVFVZHHcCVNZEY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/hlaGDS0PpLQ?si=28Ui1qSOR2kc6SeL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML   iframe  tag</b></span></p><p><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="KO_YOON"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta charset="UTF-8"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta http-equiv="X-UA-Compatible" content="IE=edge"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>SummernoteTest</title></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <style></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        body{</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>             background-color: tomato;</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>             color: powderBlue;</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>           }</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>   </style></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head> </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body> </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <iframe src="iframe_source.html" frameborder="0" sandbox></ifame> </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>       Hello</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <form action="1.html"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>           <input type="text"> </b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>           <input type="submit"></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </form></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>       <script></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              alert(‎' Hello world');</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>       </script></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <iframe src="iframe_source.html" frameborder="0"></ifame></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></body></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size16"><b> <span style="color: #666666; background-color: #ffffff;">웹페이지에 다른 웹페이지를 삽입하는 방법인 아이프래임은 참 편리하면서도 위험한 방법입니다. 왜냐면 신뢰할 수 없는 사이트에서 악성코드 같은 것을 포함하고 있다면 삽입된 외부소스에서 악성코드가 실행될 수 있기 때문이죠. 이런 문제를 해소하기 위해서 HTML의 최신 버전인 HTML5에서는 샌드박스라는 것을 도입했습니다. 아이프래임으로 삽입된 웹페이지에서 자바스크립트 등이 실행되지 않도록 하는 방법인데요. 아이패래임이 무엇인지, 사용법, 그리고 보안을 개선할 수 있는 새로운 방법을 소개합니다.</span> </b></span></p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><h1>iframe을 이용하여 웹 페이지에 다른 웹 페이지 삽입하기</h1> <br>    <iframe src="<a href="https://wikidocs.net/" target="_blank" class="ke-link">https://wikidocs.net/</a>" title="내용" width="50%" height="300px" style="border:2px dashed red"></iframe></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML   iframe  tag </b></span></p>
<!-- -->
]]>
카페 게시글
♥☞코딩의 SEO방◈▶
iframe 공간 분할 예제[홈피 메뉴 설정]
gyun님
추천 0
조회 4
24.02.14 16:10
댓글 4
다음검색
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
<!DOCTYPE html>
<html lang="KO_YOON">
<head>
<!--[안내]태그제한으로등록되지않습니다-<meta charset="UTF-8">-->
<!--[안내]태그제한으로등록되지않습니다-<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
<!--[안내]태그제한으로등록되지않습니다-<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<title>SummernoteTest</title>
https://band.us/band/70730475
https://www.youtube.com/results?search_query=HTML+++iframe++tag
https://www.youtube.com/results?search_query=HTML+++iframe++tag