TIL: HTML img

개발자 강세영·2022년 4월 25일
0

TIL

목록 보기
1/70
post-custom-banner

Q : "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."

A :

1번 HTML img 태그 활용

검색 시 노출이 되도록 만들고 싶을 때
콘텐츠에 관련이 있는 이미지일 때
웹페이지 성능을 높이고 싶을 때
alt, title 등 속성 활용 가능
로딩 안되면 확인가능

2번 CSS background-image 속성 활용

디자인적인 요소로만 이미지를 활용하고 싶을 때(repeat 등)
콘텐츠와 관련이 없어 이미지를 불러오지 못해도 상관 없을 때

0개의 댓글