이미지 태그 사용시에 alt태그 질문
가람슬기
일반적으로 html상에서 의미있는 이미지(메뉴 텍스트 이미지)를 사용할때는
img src=이미지주소 alt=이미지내용 /이런식으로 하여 alt태그를 사용하지 않습니까?
근데 만약 css에서 백그라운드로 이미지를 사용할시에 alt태그는 어떤식으로 사용할수 잇나요?
검색을 해보니 백그라운드 이미지로의 사용은 추천하지 않는다는 말도 있는거 같은데요
백그라운드로 사용하는 이유중에 하나가 이미지를 합쳐서 한파일(전문용어가 생각안남 ㅡ.ㅡ)로 사용하면
이미지 로딩과 컨트롤 부분에서 좀더 좋은걸로 알고 있는데요.
어떤게 맞는건인지 헷갈리네요.
---------- 1번 백그라운드 이미지 사용 ----------ulli메뉴1/lili메뉴2/lili메뉴3/lili메뉴4/li/ul* 이건 백그라운드로 이미지를 사용하였지만 li부분에텍스트가 존재하기 때문에 alt를 사용 안해도 되나요??-----------------------------------------------
---------- 2번 이미지 그대로 사용 ----------ulliimg src=이미지 alt=메뉴1 //liliimg src=이미지 alt=메뉴2 //liliimg src=이미지 alt=메뉴3 //liliimg src=이미지 alt=메뉴4 //li/ul* 이건 alt값이 들어가서 상관없음하지만 메뉴별로 이미지들을 다 쪼개야함-----------------------------------------------
-
권시크
의미가 들어있는(=alt값이 필요한..) 이미지는 background 요소로 활용하지 않는다.. 에 대한 이유를 좀 더 알아보시는게 좋을것 같고..
반대로 의미가 없는 이미지라든가.. 마크업상 img tag를 활용할경우 의미가 중복전달되는 이미지의 경우 background 요소로 작업 합니다...
background image로 활용 유/무에 대해서는 그에 맞는 이유가 있고,(머 기본설정 인쇄시에도 안나오고.. alt값을 못주기 때문에.. 등등. IR