HTML - 문제 미리보기

문제 1024

hard
다음 `<source>` 요소에 대한 설명 중 올바른 것은?

```html
<video controls>
<source src="movie.webm" type="video/webm">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</source>
```
A. 세 개의 비디오가 동시에 재생된다
B. 브라우저가 지원하는 첫 번째 포맷을 선택해서 재생한다
C. 가장 화질이 좋은 포맷을 자동으로 선택한다
D. 사용자가 원하는 포맷을 선택할 수 있는 메뉴가 표시된다

정답: B

`<source>` 요소는 브라우저 호환성을 위한 대안(fallback) 메커니즘을 제공합니다. 브라우저는 위에서부터 순서대로 각 `<source>`를 확인하여 지원 가능한 첫 번째 포맷을 찾으면 그것을 사용하고 나머지는 무시합니다.

이 예제에서는:

1. WebM을 지원하는 브라우저 → WebM 파일 재생
2. WebM 미지원, MP4 지원 → MP4 파일 재생
3. WebM, MP4 모두 미지원, Ogg 지원 → Ogg 파일 재생
4. 모든 포맷 미지원 → "Your browser does not support..." 텍스트 표시

참고: 코드에 오타가 있습니다. 마지막 줄은 `</video>`여야 하는데 `</source>`로 되어 있습니다. `<source>`는 자체 닫힘 태그입니다.
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.