HTML - 문제 미리보기
문제 956
hard
다음 코드에서 링크를 클릭했을 때의 결과는?
```html
<iframe src="about.html" name="contentFrame" width="500" height="300" title="콘텐츠">
</iframe>
<p><a href="https://www.google.com" target="contentFrame">구글로 이동</a></p>
<p><a href="contact.html" target="contentFrame">연락처 페이지</a></p>
<p><a href="https://www.naver.com" target="_blank">네이버로 이동</a></p>
```
```html
<iframe src="about.html" name="contentFrame" width="500" height="300" title="콘텐츠">
</iframe>
<p><a href="https://www.google.com" target="contentFrame">구글로 이동</a></p>
<p><a href="contact.html" target="contentFrame">연락처 페이지</a></p>
<p><a href="https://www.naver.com" target="_blank">네이버로 이동</a></p>
```
정답: B
링크의 `target` 속성이 어떻게 작동하는지 분석해보면:
1. 구글 링크: `target="contentFrame"` → iframe의 `name="contentFrame"`과 일치하므로 iframe 내에서 열림
2. 연락처 링크: `target="contentFrame"` → 마찬가지로 iframe 내에서 열림
3. 네이버 링크: `target="_blank"` → 새 창(또는 새 탭)에서 열림
`target` 속성에 iframe의 `name` 값을 지정하면 해당 iframe을 대상으로 페이지가 로드됩니다. 이는 iframe을 콘텐츠 표시 영역으로 사용하는 프레임 기반 네비게이션에서 유용한 기법입니다. `_blank`는 항상 새 창에서 열리는 특수한 target 값입니다.
1. 구글 링크: `target="contentFrame"` → iframe의 `name="contentFrame"`과 일치하므로 iframe 내에서 열림
2. 연락처 링크: `target="contentFrame"` → 마찬가지로 iframe 내에서 열림
3. 네이버 링크: `target="_blank"` → 새 창(또는 새 탭)에서 열림
`target` 속성에 iframe의 `name` 값을 지정하면 해당 iframe을 대상으로 페이지가 로드됩니다. 이는 iframe을 콘텐츠 표시 영역으로 사용하는 프레임 기반 네비게이션에서 유용한 기법입니다. `_blank`는 항상 새 창에서 열리는 특수한 target 값입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.