#15 웹페이지의 내용을 작성하는 요소들@9

9편에서는 8편에서 알아본 audio요소에 이어 html5에서 추가된 3가지 미디어 요소 중 마지막으로 <picture>요소에 대해 알아볼께요.<picture> 요소는 이미지 리소스 로딩에 대하여 선언적 형태의 접근을 제공합니다.반응형 디자인에서 이미지 리소스의 다양한 크기 조절을 유연하게 만들어 주기 위하여 추가된 요소로서 <img>요소와 함께 사용하여 이미지 로딩 성능 개선에도 도움을 주게 됩니다. 기본 구조 속성 (Attribute)media속성과 srcset의 픽셀 밀도 서술자(pixel density descriptor) 거기에 너비를 기술하는 sizes까지 잘 결합하여 사용한다면 다양한 해상도에 따른 이미지의 변화에 대처하기 위한 좋은 대안이 될 것..........

원문링크 : #15 웹페이지의 내용을 작성하는 요소들@9