HTML - 문제 미리보기
문제 971
hard
다음 HTML 문서에서 `<base>` 태그가 설정된 상태에서 이미지와 링크가 실제로 참조하는 경로는?
```html
<head>
<base href="https://www.example.com/docs/" target="_blank">
</head>
<body>
<img src="images/logo.png" alt="로고">
<a href="tutorial.html">튜토리얼</a>
</body>
```
```html
<head>
<base href="https://www.example.com/docs/" target="_blank">
</head>
<body>
<img src="images/logo.png" alt="로고">
<a href="tutorial.html">튜토리얼</a>
</body>
```
정답: B
`<base>` 태그는 페이지 내 모든 상대 경로의 기준점을 설정합니다. `href="https://www.example.com/docs/"`로 설정되어 있으므로:
• 이미지 경로: `images/logo.png` → `https://www.example.com/docs/` + `images/logo.png` = `https://www.example.com/docs/images/logo.png`
• 링크 경로: `tutorial.html` → `https://www.example.com/docs/` + `tutorial.html` = `https://www.example.com/docs/tutorial.html`
또한 `target="_blank"`가 설정되어 있으므로 링크는 새 창에서 열립니다. `<base>` 태그는 문서당 하나만 사용할 수 있으며, 모든 상대 경로에 영향을 주므로 신중하게 사용해야 합니다.
• 이미지 경로: `images/logo.png` → `https://www.example.com/docs/` + `images/logo.png` = `https://www.example.com/docs/images/logo.png`
• 링크 경로: `tutorial.html` → `https://www.example.com/docs/` + `tutorial.html` = `https://www.example.com/docs/tutorial.html`
또한 `target="_blank"`가 설정되어 있으므로 링크는 새 창에서 열립니다. `<base>` 태그는 문서당 하나만 사용할 수 있으며, 모든 상대 경로에 영향을 주므로 신중하게 사용해야 합니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.