[- Disclaimer -]
아래 내용은 정보보안 공부 목적으로 작성된 것이나, 이를 토대로 허가되지 않은 대상에 실습을 진행할 경우 해킹 시도로 간주하여 법적 처벌을 받을 수 있음을 알려 드립니다.
<iframe>
✦ 보여주는 Tag
✦ 보안 상 사용 자제 권고
✦ HTML 문서 내부에 다른 외부 Web Page 문서를 삽입하여 불러올 수 있는 Inline Frame 공간
✧ Web Page 중간에 다른 Web Page나 메모장 같은 내용을 원하는 크기로 불러들임
✧ Web Browser 내 작은 Web Browser 공간
→ Ex) 네이버 내 네이버 띄우기 가능
src 속성: 내부 Frame에 출력할 URL
srcdoc 속성: 내부 Frame에 출력할 문서 직접 작성
width 속성: Frame 가로 크기
height 속성: Frame 세로 크기
name 속성: Frame명
frameborder: Frame 영역 테두리 표시 여부 // Default=0
Plain Text
복사
<iframe src="https://aapsemiordoenus.tistory.com" width="100" height="300"></iframe>
<iframe src="www.test.com" width="100" height="300"></iframe>
Plain Text
복사
// src, srcdoc 동시 사용 시 srcdoc 우선 (src 무시)
<iframe src="https://aapsemiordoenus.tistory.com" width="100" height="50' srcdoc="<html><head></head><body>ㅎㅇ1</body></html>"></iframe>
<iframe srcdoc="<html><head></head><body>ㅎㅇ2</body></html>"></iframe>
Plain Text
복사
✦ <iframe>명 지정
✧ name 속성 사용
→ <base>, <a>, <area>, <form>의 target 속성에서 name으로 지정된 Frame명 사용 시 해당 Frame에 Link 가능
ㅇㅇ
<iframe src="https://aapsemiordoenus.tistory.com" name="슈벨"></iframe>
할로우
<a href="www.test.com" target="슈벨">이거 눌로보셈</a>
Plain Text
복사
ㅇㅇ
<iframe src="test.jpg" name="슈벨"></iframe>
할로우
<a href="aapsemiordoenus.jpg" target="슈벨">이거 눌로보셈</a>
Plain Text
복사
✦ MSIE에서 잘 지원되나 다른 Web Browser에서는 점차 제한하는 추세로 가는 듯
✧ 보안상 사용 자제 권고