개발 걸음마 중
HTML - iframe 본문
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