HTML - 문제 미리보기
문제 979
medium
브라우저 창 크기에 따라 다른 이미지를 보여주기 위해 사용하는 HTML 요소는 무엇인가요?
```html
<______>
<source srcset="small.jpg" media="(max-width: 600px)">
<source srcset="large.jpg">
<img src="default.jpg" alt="responsive image">
</______>
```
```html
<______>
<source srcset="small.jpg" media="(max-width: 600px)">
<source srcset="large.jpg">
<img src="default.jpg" alt="responsive image">
</______>
```
정답: B
`<picture>` 요소는 브라우저 창 크기에 따라 다른 이미지를 표시할 수 있게 해주는 HTML5 요소입니다. `<source>` 태그의 `media` 속성을 통해 조건을 설정하고, 해당 조건에 맞는 이미지를 `srcset`으로 지정합니다. 예시에서는 600px 이하일 때는 small.jpg를, 그보다 클 때는 large.jpg를 보여줍니다. 마지막 `<img>` 태그는 폴백용입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.