Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- expo
- 오류
- coding
- Nicolas
- github
- Firebase
- HTML
- Project
- react
- Clone
- 프로젝트
- Hook
- 계획
- CSS
- react-hook
- vanilla js
- scflix
- 클론코딩
- 마무리
- 코코아톡
- Vanilla
- 바닐라 자바스크립트
- Nomad
- TiMER
- Nomad coder
- react-native
- Netflix
- 느낀 점
- javascript
- 자바스크립트
Archives
- Today
- Total
목록img tag (1)
꾸매코딩
[CSS] HTML <img> vs background-image 차이 비교
서론 이미지는 항상 HTML 태그를 사용하여 나타냈었는데, Scflix 프로젝트를 진행하면서 background-image를 사용하게 되었다. 둘 다 이미지를 나타낸다는 공통점이있는데, 두 방식의 차이점을 알아보고 어떤 방식이 더 나은지 정리를 해보려고 한다. 사용 방법 // HTML img tag // CSS background-image HTML HTML 에서 사용 가능 background-image 보다 SEO에 효과적 background-image 보다 성능에 효과적 default 이미지 포함 가능 이미지 불러오지 못했을경우 default 값으로 Broken image와 alt 텍스트가 보인다. background-image CSS에서 사용 가능 순수하게 디자인에 사용 이미지가 콘텐츠의 일부가 아..
CSS
2021. 9. 27. 23:03