source태그는 video태그나 audio태그, picture태그 안에서 여러 개의 소스 파일 경로를 지정한다.
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="Flowers">
</picture>
| Attribute | Value | Description |
|---|---|---|
| media | media_query | 미디어 쿼리 설정 |
| sizes | 크기 별 미디어 크기 설정 | |
| src | URL | 미디어 파일 주소 설정 |
| srcset | URL | 크기별 이미지 파일 주소 설정 |
| type | MIME-type | MIME-type 형식 설정 |
반응형
