[CSS] 마크업(markup)할 때, img vs background-image 선택하는 기준은?
background-image와 img는 모두 이미지를 웹 페이지에 표시하는 데 사용되는 요소들이지만, 사용되는 목적에 따라 다르게 활용됩니다. 마크업(markup)할 때, img vs background-image 선택하는 기준에 대해서 알아봅시다. img img는 주로 콘텐츠 내에 이미지를 전경으로 표시하는 데 사용됩니다. 주로 콘텐츠의 중요한 부분으로 사용되며, HTML 코드 내에 태그를 사용합니다. 이미지 처리가 서버에서 호출되어 개발 처리가 돼야 하는 경우 img 태그를 권장합니다. 태그는 srcset 속성을 통해 다양한 해상도의 이미지를 제공하고, 브라우저가 적절한 이미지를 선택할 수 있도록 합니다. img 요소는 대체 텍스트(alt 속성)를 제공할 수 있기 때문에 시각적으로 콘텐츠를 이해할 ..
2024.03.10