1. iframe

inline frame의 약자이며 다른 문서를 불러와서 페이지 내부에서 보여지게 할 수 있습니다.

HTML5 이전에도 이후에도 iframe을 사용하지 않는것을 권고합니다.

하지만 필요할 때가 있을 지도 모르겠지요.

 

형식은 다음과 같습니다.

<iframe src="문서명 또는 url주소"></iframe>

 

속성들은 다음과 같습니다.

name : 프레임의 이름을 설정합니다.

width : 프레임의 너비를 설정합니다.

height :프레임의 높이를 설정합니다.

frameborder : 0으로 설정하면 프레임의 테두리선을 보이지 않게 하며, 1을 설정하면 프레임의 테두리선을 나타나게 합니다.

scrolling : 스크롤바의 표시 여부를 나타냅니다. (yes, no, auto)

 

 

프레임이란 것은 설명보다는 눈으로 보고 직접 클릭해 보는 것이 빠릅니다.

 

 

ex) iframe.html

 

 

2. target

a 태그 속성 중 target 속성은 링크가 걸린 문서가 나타날 프레임을 설정하는 것이 보통입니다.

새로운 창으로 링크를 호출 할 수도 있고 현재창에 보여줄 수 도 있습니다. 그리고 부모 프레임 영역에 나타날 수 도 있고 프레임을 지정하여 원하는 프레임에 링크를 실행할 수 도 있습니다.

 

속성들은 다음과 같습니다.

_blank : 내용을 새 창에 나타냅니다.

_self : 내용을 현재 프레임 영역(포커스가 있는 프레임)에 나타냅니다. (기본값)

_parent : 내용을 부모 프레임 영역에 나타냅니다.

_top : 내용을 무조건 전체 영역에 나타냅니다.

_프레임명 : 해당 이름을 가진 프레임 영역에 나타냅니다.

 

위 속성들은 프래임 내부 혹은 프레임 밖에서 호출 될 때 정상적으로 실행됩니다.

프레임을 2 개 혹은 3개 중첩한 후 테스트 하는 것을 추천합니다.

 

 

ex) target연습.html

해당 속성들을 바꿔가며 직접 실습해 보는 것을 추천한다.

 

by 개발자 CofS 2016.01.18 14:30
  • 궁그미 2016.02.17 17:57 신고 ADDR EDIT/DEL REPLY

    아 궁금해하던 거였는데... 감사합니다^^
    고도몰에 아직 적응을 못 한 상태라 어쩔 수 없이 아이프레임을 사용하는 중인데....
    아이프레임 넘 편해요... 근데 왜 html5 이후엔 사용을 금기시킨걸까요???

    • Favicon of http://cofs.tistory.com BlogIcon 개발자 CofS 2016.02.18 17:20 신고 EDIT/DEL

      외부 페이지를 불러오게되면 보안에 문제가 생길 수 있기 때문이에요
      악성코드나 바이러스를 잠재하고있는 외부 페이지를 프레임으로 심어버리면 사용자들을 모르게 그 악성코드를 품고있는 페이지를 방문하게 유도할 수 있으니까요 ㅎㅎ

  • 2017.04.21 17:41 ADDR EDIT/DEL REPLY

    비밀댓글입니다

    • Favicon of http://cofs.tistory.com BlogIcon 개발자 CofS 2017.04.21 17:42 신고 EDIT/DEL

      iframe 내 색상조정은
      iframe 으로 호출하는 페이지의 배경 색상을 바꿈으로써 해결가능하지 않을까요 ?

  • 마성호 2018.01.23 17:34 신고 ADDR EDIT/DEL REPLY

    _top _parent _self 모두 실행하면 기존 창에 새로고침한것처럼 나오는데 차이가 뭔가요?

    • Favicon of http://cofs.tistory.com BlogIcon 개발자 CofS 2018.01.23 17:47 신고 EDIT/DEL

      세가지 모두 같은 결과값이 나온다는 것은 프레임들을 정확하게 구성하지 않으신 것으로 보입니다.
      본문을 참고해 주시기 바랍니다.