img tag_Experience 교환에서 alt 및 title 속성의 올바른 사용

img 태그에는 alt와 title이라는 두 가지 속성이 있습니다. 많은 초보자들이 이 두 속성의 올바른 사용에 대해 여전히 혼란스러워하고 있습니다. 물론 그 이유 중 하나는 IE 브라우저 때문이기도 합니다. 이미지의 검색 능력을 향상시키는 것 외에도 이 두 가지 속성을 올바르게 사용하는 것은 사용자 경험에도 매우 도움이 됩니다. Alt와 Title의 개념과 올바른 사용에 대해 이야기해 보겠습니다.

alt
이 속성의 실제 기능은 이미지가 올바르게 표시되지 않을 때 텍스트를 대체하는 것입니다. 그러나 이미지 아래에서 제목(마우스를 올려놓은 후 텍스트 프롬프트) 역할도 합니다. IE6의 구현이 실제로 잘못되었습니다. 마우스 롤오버 시 프롬프트를 표시하려면 title 속성을 사용해야 합니다. 잘못된 안내로 인해 많은 초보자들이 img 태그에 alt 속성만 추가합니다. FF에 대한 또 다른 칭찬이 있습니다!


제목
마우스를 롤오버할 때 표시되는 텍스트 프롬프트는 사용자 경험 측면에서 매우 중요합니다. 물론 모든 img 태그에 이 속성을 추가할 필요는 없습니다. 예를 들어 로고가 더 중요하거나 사용자가 경험하게 될 이미지 콘텐츠라면 이 속성을 추가하는 것이 좋습니다.