Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

개발 걸음마 중

HTML - iframe 본문

카테고리 없음

HTML - iframe

꼿모 2023. 3. 14. 17:45


HTML <iframe></iframe>

 

 

 * iframe 

- inline frame을 줄여 쓴 것이다. 
- 현재 웹페이지에 다른 HTML 페이지를 포함시켜 중첩시키는 기능을 한다. 

 


-  iframe 속성 

  • src : 삽입될 문서의 주소
  • width : 너비 지정 (px, %)
  • height : 높이 지정 (px, %)
  • frameborder : 테두리 표시 여부 (0: 테두리 있음, 1: 테두리 없음)
  • scrolling : 스크롤바 표시 유무 (yes, no, auto)
  • longdesc : 내용을 설명하는 페이지
  • marginwidth : left(좌), right(우), 여백공간(margin)
  • align : 정렬 (top, middle, button, left, right)
  • allow : iframe에서 허용할 기능들을 지정한다.
  • allowfullscreen : 전체화면을 지원한다.

 

 

 

※ 페이지에 <iframe>을 추가할 때마다 메모리 및 기타 컴퓨터 자원 사용량이 늘어난다. 이론상으로는 원하는 만큼 <iframe>을 사용할 수 있지만, 성능 문제가 없는지 확인해야 한다.

 

 

✏ '연결을 거부했습니다.'

- 현재 사이트에 다른 사이트를 띄울 수 있다는 것은 악의를 가진 사이트 역시 띄울 수 있다는 의미이다. 사용자가 접근했을 때 악의적인 스크립트를 가진 사이트가 iframe을 통해 보이고 그대로 노출된다. 이러한 이유로 몇몇 브라우저에서는 보안 문제로 아이프레임을 거부하기도 한다.

 

 

 

 

💭 유튜브에서 동영상 공유 시 '<> 퍼가기' 버튼을 사용하면 나오는 화면이다. iframe을 지원 중이며 시작 시간을 설정한 후 삽입할 수도 있다.


 

 

 

 

 

 

 

 

 

 

 

 

잘못된 정보에 대한 피드백은 언제든지 환영입니다! 

Comments