Darkbeom's beautiful mind

긍정적인 사고를 갖자!



2009/11/03 14:01

HTML - Image의 alt 와 title 속성의 차이점 HTML

참으로 요새 개발보다 HTML코딩이 많다...개발자로선 좀 버겁다...솔직히 싫다 ㅎㅎ

하아..이게 바로 SI의 현실!!개발하고싶다고!!! 나름공부는 되지만~^^


흠..일단 테스트 해본 결과 alt만 썼을 경우


IE7까지는
툴팁활성화 되는거 같다. (IE8은 테스트 안해봄 혹 아시는분 가르침 부탁드릴께요 ^^)

FF에서는 툴팁비활성화 된다.


그래서 alt="alt" title="title" 해본결과~ 그제서야 FF에서도 툴팁활성화 된다

뒤져본 결과 이유는 즉,


title(tooltip attribute)이미지에 대한 툴팁 설명을 제공하는 속성

alt(alternate attribute)이미지대체하는 문구를 제공하는 속성


라고 한다. 이미 눈치채셨죠~?


웹접근성 관련 코딩을 할 경우(제가 지금 그거 하고 있거든요 ㅎㅎ)

이미지를 대체하는 속성으로는 alt로 이미지를 대체하고(브라우져 이미지 사용 안 할 경우 alt가 보이겠죠)

그외 해당이미지에 툴팁을 디스플레이 할 경우 title을 사용한다.


덧글

  • 공간 2010/01/20 10:59 # 삭제 답글

    IE8은 alt만으로는 툴팁이 활성화 안되는듯 하네여..
    툴팁이 안보여서 찾다가 들어와서 좋은정보 얻고 갑니다..^^
  • darkbeom 2010/01/25 14:29 #

    네 감사합니다~^^
    엄연히 두개의 속성 자체가 들리더라고요.
    일단 툴팁을 지원하고자 하면 title을 주는게 맞는거 같습니다.
댓글 입력 영역


qwer