====== HTML The inline Frame element====== * description : HTML The inline Frame element * author : 오션 * email : shlim@repia.com * lastupdate : 2021-06-16 Wed \\ =====The source of the article===== [[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe|: The Inline Frame element]]\\ \\ %% HTML%% 요소는 **중첩된 접속 환경 (브라우징 컨텍스트, a nested browsing context)**을 나타내며,\\ 다른 %%HTML%% 페이지를 현재 페이지에 포함 시킵니다(끼어 넣습니다)\\ =====Ref===== [[https://developer.mozilla.org/en-US/docs/Glossary/Browsing_context|Browsing context]]\\ 브라우징 컨텍스트는 브라우저가 문서를 표시하는 환경입니다. 최신 브라우저에서 브라우징 컨텍스트는 일반적으로 탭(a tab)이지만,\\ 윈도우(window) 또는 프레임 즉, //iframe//과 같이 페이지의 일부분일 수도 있습니다.\\ \\ 각 브라우징 컨텍스트에는 특정 출처, 활성 문서의 출처 및 표시된 모든 문서를 기억하는 이력(history)이 순서대로 있습니다.\\ \\ 브라우징 컨텍스트 간의 통신은 심각하게 제한됩니다. 동일한 출처의 브라우징 컨텍스트 사이에서 BroadcastChannel을 열고 사용할 수 있습니다.\\ ====Example==== Document \\ 포함된 각 브라우징 컨텍스트에는 고유한 세션 기록과 문서가 있습니다. 다른 브라우징 컨텍스트들을 포함하는 브라우징 컨텍스트를\\ 상위(부모) 브라우징 컨텍스트 이라고 합니다. 부모가 없는 컨텍스트인 최상위 브라우징 컨텍스트는 일반적으로 Window 객체로 표시되는 브라우저 윈도우 입니다.\\ \\ 각 브라우징 컨텍스트는 완전한 문서 환경이므로 페이지의 모든 에는 증가된 메모리 및 기타 컴퓨팅 리소스가 필요합니다.\\ 이론적으로는 원하는 만큼 을 사용할 수 있지만 성능 문제를 확인하십시오.\\ =====아이프레임(iframe)과 활용===== [[https://www.youtube.com/watch?v=uIemFWzxk0w|아이프레임(iframe)과 활용 by 리베햐얀]] Document 11번가 바로가기 ======iframe 유튜브 비디오 반응형 구현====== [[https://www.youtube.com/watch?v=nsYwSbohQwQ|iframe 유튜브 비디오 반응형 구현하는 2가지 방법 by Rock's Easyweb]]\\ 을 %%CSS%%와 %%script%%로 제어하는 방법\\ Document iframe responsive responsive youtube youtube vimeo vimeo - fitvids =====Inflearn CodingWorks===== iframe 만들기 \\ Document Test Iframe HTML 인프런 홈페이지 바로가기 =====Ref===== [[https://code.jquery.com/jQuery CDN - Latest Stable Versions]]\\ \\ [[http://fitvidsjs.com/FitVids.js]]\\ [[https://github.com/davatron5000/FitVids.js|FitVids.js]] - 사용법 숙지 필요\\ \\ [[https://vimeo.com/ko/|vimeo]\\ Hint : 선택한 동영상 화면에서 종이비행기 아이콘(공유) 클릭 > 팝업 - 옵션 표시 - 반응형(Responsive) 또는 고정형(Fixed Size) 선택 - 임베드에서 코드 복사 및 사용 >\\ {{tag>오션 HTML iframe }}
Document
Document 11번가 바로가기
Document iframe responsive responsive youtube youtube vimeo vimeo - fitvids
iframe 만들기
Document Test Iframe HTML 인프런 홈페이지 바로가기