해민

  • 홈
  • 태그
  • 방명록

position 1

[CSS] Background-image 의 속성에 대해 파헤쳐보기 Feat. <img>태그와의 차이점

Css 에서 이미지를 붙일 수 있는 방법이 2가지가 있다. 1️⃣ 태그를 이용한 방식2️⃣ background-image 를 이용한 방식 둘 다 똑같이 경로를 통하여 이미지를 불러오는 방식인데 두 방식의 차이점은 무엇일까? 알아보자 🔶 두 방식의 차이점▪️img 태그     - 이미지 로딩이 실패할때 alt를 통해 결과물 출력 가능      - 태그 자체가 "이미지"라는 의미를 가지고있어 검색 엔진에 인식되어 노출된다.  ▪️background-image    - 이미지를 불러오지 못할때 대체할 무언가가 존재하지않는다.    - 태그가 아닌 속성이기때문에 "이미지"라는 의미를 갖지 못하여 검색에 노출되지않는다.     따라서 각각 어떠한 경우에 사용하면 좋을까 ?  ✔️ 태그 컨텐츠에 관련이 있는 ..

CSS 2025.01.16
이전
1
다음
더보기
프로필사진

해민

기록하는 프로그래밍

  • 분류 전체보기 (62)
    • Java (12)
    • JavaScript (11)
    • HTML (6)
    • 알고리즘 (1)
    • CSS (3)
    • 데이터베이스 (7)
    • 리액트 (9)
    • JSP (4)
    • SpringBoot (9)

Tag

var, 어노테이션, database, 비동기, 동기, useEffect, useState, 컴포넌트, UI, map, 리액트, 호이스팅, axios, Let, Spring, java, javascript, const, MySQL, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바