HTML · CSS
코딩하면서 background-image : url(...) 쓸 때 꼭 유의할 사항

예를 들어서 PHP와 함께 CSS로 background-image 를 지정할 때 다음과 같이 쓸 수 있는데

background-image : url(<?=$image_url?>);

이 때 $image_url에 값이 없는 경우 HTML에는 아래와 같이 출력된다.

background-image : url();

문제는 이렇게 되면 이 CSS가 호출될 때 현재 HTTP 주소를 쓸데없이 한번 더 호출하게 된다.

즉, 이유 없이 서버를 여러 번 호출하게 된다.

따라서 background-image에 url을 쓸 때는 공백이 들어가지 않도록 꼭 유의해야 한다.

댓글 0