JAY⌨️CODE

[JAY⌨️CSS] img 와 picture 태그의 차이, 그리고 반응형 이미지 사용법

1️⃣ 태그의 src 와 alt 속성img의 src 속성은 브라우저에게 이미지 파일의 경로, 파일명을 알려주는 역할.img태그 안의 이미지 파일이 보이지 않을 때 alt 속성은 이미지 대신 텍스트를 표시하는 역할. 스크린리더와 같이 시각적으로 접근이 어려운 경우에도 이미지에 대한 정보를 텍스트로 제공.alt 속성은 SEO(Search Engine Optimization)에 도움된다는 사실! 저는 블로그 이미지에도 전부 alt 속성을 입력하고 있습니다! :) 2️⃣ 반응형 이미지를 위한 srcset 속성반응형을 위해 사용하는 속성.여러 해상도에서도 브라우저가 자동으로 최상의 이미지를 출력할 수 있게 선택권을 넘긴다.x(pixel density) 와 w(viewport) 서술자는 동시에 사용 불가.srcse..

2023.03.18