[HTML 기초 강좌] 8. iframe과 target

2016. 1. 18. 14:30language/html


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

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