iframe

설명
외부 콘텐츠(예: YouTube 동영상)를 삽입.
Primary
content category
embedded
flow
interactive

iframe

nested browing context를 나타내며, 다른 HTML을 현재 페이지로 embedding 시킨다.
 
notion image
 
엠베딩된 browing context는 각각 own document를 가지고 URL 네비게이션 한다.

구조

  • browing conext는 각각 독립적을 가진다.
  • 브라우저 탐색 기록을 최상위 브라우징 컨텍스트의 세션 히스토리로 선형화된다.
    • 예시)
    • 부모 창에서 URL1로 이동 (부모 브라우징 컨텍스트 탐색 기록)
    • 부모 창 내에 iframe이 있고, 그 안에서 URL2로 이동 (자식 브라우징 컨텍스트 탐색 기록)
    • 부모 창에서 URL3으로 다시 이동 (부모 브라우징 컨텍스트 탐색 기록)

주의

⚠️
경고: 각 브라우징 컨텍스트는 독립적인 document 환경이므로, 페이지에 있는 각 <iframe>은 더 많은 메모리와 다른 컴퓨팅 리소스를 요구합니다. 이론적으로는 원하는 만큼 많은 <iframe>을 사용할 수 있지만, 성능 문제를 확인해야 합니다.