[상호작용-웹표준 교과서]4. 인라인 프레임 삽입

1. 인라인 프레임 개요

- 인라인 프레임은 문서 안에 다른 문서를 삽입하는 기능이 있다.
- 프레임과의 큰 차이점은 화면을 분할하는 것이 아니라 핀포인트로 다른 문서를 삽입하는 점이다.  한 화면에 복수의 문서를 표시하는 점은 같으며 따라서 프레임과 동일한 단점이 있음에 주의하자.

2. 이행형 문서 정의(DTD)
- 인라인 프레임을 사용할 때 XHTML 1.0에서는 'Transitional'이라는 문서형을 선언하고 문서형 정의(DTD)를 다음과 같이 지정한다.

- XHTML1.1에서는 이행형 DTD는 갖추지 않아 인라인 프레임은 사용할 수 없다. XHTML 1.0 Strict 또는 XHTML 1.1 에서 웹 페이지에 다른 문서를 삽입할 때는 object 요소를 사용한다.

3. 인라인 프레임 지정(iframe 요소)
- 인라인 프레임은 iframe 요소로 지정한다. 문자 그대로 인라인 요소이기 때문에 body 요소의 직접적인 자식 요소로 삽입 불가능하고 블록 레벨 요소에 포함된 형태로 지정해야 한다.

- iframe 요소의 내용 그대로 비대응환경에서 대체 내용으로 표시되기 때문에 적절한 내용을 적어두자.

# 인라인 프레임의 '표현' 지정
- 인라인 프레임의 마진이나 보더 등의 '시각적 표현'을 지정하려고 다음의 속성을 지정할 수 있다.

4. 링크의 대상 지정(target 속성)
- a 요소에 target 속성을 지정하면 특정 인라인 프레임을 대상으로 링크 페이지를 표시하거나 인라인 프레임 안의 링크 페이지가 열리는 방식을 지정할 수 잇다.
- target 속성은 XHTML 1.0 Transitional 과 frameset 에는 정의되어 있지만 어느 문서형에도 비추천 요소인 저모가 XHTML 1.0 Strict 와 XHTML 1.1에서는 사용할 수 없음에 주의하자.

#인라인 프레임을 대상으로 링크 페이지를 표시한다.
- 인라인 프레임을 대상으로 링크 페이지를 표시할 때는 그 iframe의 name 속성값과 id속성값을 target 속성의 값에 지정한다.

# 인라인 프레임 안에서 링크 페이지가 열리는 방식

- 인라인 프레임에 포함된 링크(특히 외부링크)를 target 속성에 '_top' 또는 '_parent'라고 지정하지 않으면 인라인 프레임 안에 링크 페이지가 열려 사용자를 혼란시키는 원인임에 주의하자.

5. object 요소에 의한 iframe 요소 대체
- 다른 문서 삽입은 iframe 요소 외에 object 요소로도 구현할 수 있다.
- iframe 요소는 HTML4.01 Strict 와 XHTML 1.0 Strict 에서는 정의되지 않고 XHTML 1.1에서는 폐지되었다. 따라서 이후에는 object 요소에 의한 대체가 필수가 될 수도 있다. 다만 현재 object 요소의 브라우저 지원이 불안정하기 때문에 다른 문서를 삽입할 때는 iframe 요소를 구현하는 것이 좋다.