HTML <source>

hee·2022년 6월 21일
0

<source> 태그는
<audio>, <video>, <picture> 요소에서 사용할 수 있는
다중 미디어 자원(multiple media resources)을 정의할 때 사용한다.

  • src (URL)
    <audio>, <video>, <picture> 요소 내부에 사용될 때 필수 속성으로,
    미디어 파일의 URL을 명시함.

  • srcset (URL)
    <source> 요소가 <picture> 요소 내부에 사용될 때 필수 속성으로,
    각각 다른 환경에서 사용될 이미지의 URL을 명시함.

  • media (미디어 쿼리)
    <picture> 요소에서 이미지 리소스의 용도에 맞는 매체의 미디어 쿼리를 명시함.

  • sizes (유효한 크기값)
    각각 다른 페이지 레이아웃에서 사용될 이미지의 크기를 명시함.

  • type (미디어 타입)
    미디어 리소스의 미디어 타입을 명시함.

profile
프론트엔드 개발

0개의 댓글