2010-02-27 2 views
5

Windows에서 Safari의 img 태그와 함께 alt 속성을 사용할 때 대체 텍스트를 표시하는 대신 Safari는 "?" 상자에. 이것은 Windows의 Safari에서 버그입니까, Safari에서이 기능이 누락되었습니다.HTML의 img 태그에 대한 alt 속성이 Windows의 Safari에서 지원되지 않습니까?

+0

여기의 코드 샘플은 문제를 재현하는 데 도움이됩니다. – bendewey

+0

http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/ 그 john이 준 링크를 확인하십시오. 그것은 내가 자세히 지적한 것을 문서화합니다. – rohitmishra

답변

7

모든 브라우저에는 대체 텍스트를 렌더링하는 마법의 방법이 있습니다. 그것은 미래의 HTML5 스펙에서 해결되기를 희망하는 표준 문제로 보인다.

IE, Firefox, & 오페라는 IMG에서 대체 텍스트를 깨진 이미지로 렌더링합니다. Chrome & Safari도이 작업을 수행하지만 높이/무게를 설정하지 않으면 문자가 잘릴 것입니다.

다음은 각 브라우저가 대체 텍스트를 렌더링하는 방법을 보여주는 화면 캡과 함께 이슈에 대한 훌륭한 기사입니다. Paceillo 그룹의 블로그에서

http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/

더 screenies ...
http://www.paciellogroup.com/blog/misc/HTML5/alt-tests/screenshots.html
http://www.paciellogroup.com/blog/?p=498

+1

@John은 훌륭한 답변과 재건축 웹 링크에 감사드립니다. – rohitmishra

5

이 툴팁을 렌더링 alt을 사용하지 마십시오. 대신 title을 사용하십시오. 거의 모든 브라우저에서 지원됩니다. alt은 이미지를 사용할 수 없거나 표시 할 수없는 경우에만 또는 페이지를 읽는 동안 화면 판독기와 같은 보조 기술에 대해서만 사용해야하는 대체 텍스트로 사용됩니다.

+0

@Aviator advice taken : – rohitmishra

+0

Android 브라우저에서 img :((http://code.google.com/p/android/issues/detail?id=5836) 제목이 표시되지 않습니다. – yitznewton

관련 문제