HTML5에서 추가된 유용한 태그 <picture>
이 포스트는 HTML5에서 추가된 <picture> … </picture> 태그에 관한 내용입니다. 이 태그는 기기의 환경에 따라 이미지를 다르게 표시하기 위해 고안된 태그입니다. 반응형 CSS 만들기 포스트에서 CSS에 미디어쿼리를 지정하여 기기의 환경에 따라 다른 모양으로 표시되는 페이지를 구현하는 방법을 서술한 바 있습니다. 본문 내 이미지에도 미디어쿼리를 이용하여 다른 이미지를 표시하는 기능이 있습니다. 일단, 다음 코드를 봅시다. <picture> … “HTML5에서 추가된 유용한 태그 <picture>” 더 읽기