Windows에서 Safari의 img
태그와 함께 alt
속성을 사용할 때 대체 텍스트를 표시하는 대신 Safari는 "?" 상자에. 이것은 Windows의 Safari에서 버그입니까, Safari에서이 기능이 누락되었습니다.HTML의 img 태그에 대한 alt 속성이 Windows의 Safari에서 지원되지 않습니까?
답변
모든 브라우저에는 대체 텍스트를 렌더링하는 마법의 방법이 있습니다. 그것은 미래의 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
@John은 훌륭한 답변과 재건축 웹 링크에 감사드립니다. – rohitmishra
이 툴팁을 렌더링 alt
을 사용하지 마십시오. 대신 title
을 사용하십시오. 거의 모든 브라우저에서 지원됩니다. alt
은 이미지를 사용할 수 없거나 표시 할 수없는 경우에만 또는 페이지를 읽는 동안 화면 판독기와 같은 보조 기술에 대해서만 사용해야하는 대체 텍스트로 사용됩니다.
@Aviator advice taken : – rohitmishra
Android 브라우저에서 img :((http://code.google.com/p/android/issues/detail?id=5836) 제목이 표시되지 않습니다. – yitznewton
- 1. alt 속성이 아닌 화면 판독기
- 2. html img 태그에 간단한 질문이
- 3. 제목/Alt 속성이 표시되지 않습니다.
- 4. 이미지의 제목 속성이 Safari의 태그에 래핑 되었습니까?
- 5. BoxShadow : img 태그에 삽입 됨
- 6. 왜이 쿼리는 엔티티에 대한 linq에서 지원되지 않습니까?
- 7. Html 타겟 속성이 지원되지 않음
- 8. Windows의 파일에 인코딩 속성이 있습니까?
- 9. javascript에서 html의 achor 태그에 Click 이벤트 배치?
- 10. Safari에서 select HTML의 onclick 이벤트가 작동하지 않습니다.
- 11. NSRegularExpression - iPad가 지원되지 않습니까?
- 12. jquery 함수가 Safari에서 작동하지 않습니까?
- 13. click 이벤트를 HTML의 span 태그에 붙이시겠습니까?
- 14. Blogger의 이미지 alt 태그에 라벨 삽입
- 15. Chrome/Safari에서 IMG 높이/너비를 백분율로 지원합니까?
- 16. Safari에서 XSLTProcessor()를 지원하지 않습니까?
- 17. img alt 속성을 사용하는 것이 중요합니까?
- 18. MVC 3 - img alt HTML 태그?
- 19. <img> 태그에 파일 확장자가 필요합니까?
- 20. 왜이 그라디언트가 Safari에서 작동하지 않습니까?
- 21. CSS3 column-span 속성은 Safari에서 지원되지 않습니다. 왜?
- 22. 주문 속성이 작동하지 않습니까?
- 23. UIImageView.hidden 속성이 작동하지 않습니까?
- 24. 사용자 속성이 지워지지 않습니까?
- 25. img src의 html 태그에 문자열을 추가하는 방법은 무엇입니까?
- 26. @dynamic 속성은 GDB에서 지원되지 않습니까?
- 27. div 태그에 str_replace가 없습니다.
- 28. 태그에 속성이 있는지 확인하는 jQuery 선택기가 있습니까?
- 29. 왜이 자바 스크립트가 Chrome과 Safari에서 작동하지 않습니까?
- 30. 조건 바인딩 속성이 작동하지 않습니까?
여기의 코드 샘플은 문제를 재현하는 데 도움이됩니다. – bendewey
http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/ 그 john이 준 링크를 확인하십시오. 그것은 내가 자세히 지적한 것을 문서화합니다. – rohitmishra