Notice
Recent Posts
Recent Comments
«   2024/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
Archives
Today
Total
관리 메뉴

DeFacto-Standard IT

[HTML] iframe (인라인 프레임) 본문

Web/HTML

[HTML] iframe (인라인 프레임)

defacto standard 2017. 12. 17. 02:23

iframe (inline frame) : HTML페이지 내에 HTML페이지 삽입.

 

속성

 - src : 로드할 문서 파일 또는 URL기술

 - srcdoc : 문서 파일 대신 직접 HTML태그로 기술된 텍스트

 - name : 프레임 윈도우의 이름. 다른 문서에서 target속성 값으로 사용됨.

 - width : 프레임의 폭. default 300px

 - height : 프레임의 높이. defualt 150px

 

 - left, right 프레임의 parent 윈도우 : 브라우저 윈도우

 - upper, lower 프레임의 parent 윈도우 : right 윈도우

 - left, right, upper, lower 프레임의 top 윈도우 : 브라우저 윈도우

 

target 속성으로 출력할 윈도우 지정

 - target 속성 : <base>, <a>, <area>, <form> 태그에서 HTML 페이지를 출력할 윈도우 지정

 - target 송성에 사용 가능한 값

_blank : 새로운 브라우저 윈도우(탭) 생성

_self : 현재 윈도우

_parent : 부모 윈도우

_top : 최상위 브라우저 윈도우

윈도우이름 : 대상 윈도우 이름

 

Example : <a> 클릭 시

 - "frame1" 이름의 프레임에 해당 URL 로드 : 윈도우 이름

<iframe src="url" name="frame1"></iframe>

...

<a href="url" target="frame1"></a>

 

 - 새 윈도우(탭)에 URL 로드 : _blank

<a href="url" target="_blank"></a>

 

 - 현재 윈도우(탭 또는 프레임 윈도우)에 URL 로드 : _self

<a href="url" target="_self"></a>

 

 - 부모 윈도우에 URL 로드 : _parent

<a href="url" target="_parent"></a>

 

 - 모든 프레임 윈도우 제거, 브라우저 윈도우에 URL 로드 : _top[

<a href="url" target="_top"></a>

'Web > HTML' 카테고리의 다른 글

[HTML] Form  (0) 2017.12.17
[HTML] 시맨틱 태그, 문서의 구조화  (0) 2017.12.17
[HTML] 테이블  (0) 2017.12.17
[HTML] 리스트  (0) 2017.12.17
[HTML] 메타 데이터  (0) 2017.12.17
Comments