Khi tôi sử dụng thuộc tính alt
với img
thẻ trong Safari trên Windows, thay vì hiển thị văn bản thay thế, Safari chỉ hiển thị "?" trong một cái hộp. Đây có phải là lỗi trong Safari trên Windows hay Safari bị thiếu tính năng này.Thuộc tính alt cho thẻ img trong HTML có được Safari hỗ trợ trên Windows không?
Trả lời
Mọi trình duyệt đều có cách hiển thị văn bản thay thế huyền diệu của riêng nó. Nó có vẻ là một vấn đề tiêu chuẩn, hy vọng sẽ được giải quyết trong các thông số kỹ thuật HTML5 trong tương lai.
IE, Firefox, & Opera hiển thị văn bản thay thế bên trong IMG cho hình ảnh bị hỏng. Chrome & Safari cũng làm điều này, nhưng văn bản sẽ cắt bạn trừ khi bạn đặt chiều cao/cân nặng của hình ảnh.
Đây là một bài viết tuyệt vời về vấn đề này (với nắp màn hình hiển thị cách mỗi trình duyệt hiển thị văn bản thay thế).
http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/
More screenies từ blog của Tập đoàn Paceillo ...
http://www.paciellogroup.com/blog/misc/HTML5/alt-tests/screenshots.html
http://www.paciellogroup.com/blog/?p=498
@John cảm ơn câu trả lời tuyệt vời và liên kết rebuildingtheweb. – rohitmishra
bao giờ sử dụng alt
cho rendering tooltips. Sử dụng title
để thay thế. Nó được hỗ trợ bởi hầu như tất cả các trình duyệt. alt
có nghĩa là văn bản thay thế sẽ chỉ xuất hiện nếu hình ảnh không khả dụng/không thể hiển thị hoặc đối với một số công nghệ hỗ trợ như trình đọc màn hình khi đọc trang.
@Aviator lời khuyên thực hiện :) – rohitmishra
Chỉ cần phát hiện ra trình duyệt Android không hiển thị tiêu đề trên img: ((http://code.google.com/p/android/issues/detail?id=5836 – yitznewton
- 1. Cách thêm thuộc tính alt của thẻ img với jquery
- 2. Thuộc tính alt của thẻ img có yêu cầu mã hóa không?
- 3. Làm <img> thẻ trong hỗ trợ GIF động?
- 4. Thẻ html nào hỗ trợ thuộc tính sự kiện onload/onerror javascript?
- 5. Trình duyệt nào hỗ trợ thẻ html 5 <audio> trên Windows ngay hôm nay?
- 6. java.lang.UnsupportedOperationException: 'posix: permissions' không được hỗ trợ như thuộc tính ban đầu trên Windows
- 7. MD5 có được hỗ trợ trên Windows Phone 7 không?
- 8. Xóa thuộc tính Jsoup trên thẻ html
- 9. Hỗ trợ thẻ <img> đáng tin cậy cho SVG
- 10. JSF2 bỏ qua alt trống thuộc tính
- 11. html5 thuộc tính bắt buộc trên các trình duyệt không được hỗ trợ
- 12. Sự kiện onbeforeunload có được hỗ trợ trên iPhone không?
- 13. Thẻ HTML <base> có được hỗ trợ bởi tập lệnh và CSS không?
- 14. Trình duyệt nào hỗ trợ thuộc tính `<img srcset...>`?
- 15. Hỗ trợ cho Thuộc tính Loại trong g ++
- 16. WTForms hỗ trợ cho thuộc tính chỉ đọc đầu vào?
- 17. ẩn thẻ alt trong firefox
- 18. Có hỗ trợ tập lệnh nào trên Windows Phone không?
- 19. Intel HAXM không được hỗ trợ trong Windows 8
- 20. Thuộc tính tự động triển khai có hỗ trợ các thuộc tính không?
- 21. Lấy thuộc tính "alt" từ hình ảnh nằm bên trong thẻ <a>
- 22. "javascript :;" cho href thuộc tính trong thẻ neo HTML
- 23. Góc 1,2: ng-bind-html loại bỏ thuộc tính src trên img
- 24. Chuyển đổi các thẻ img HTML thành các hình có chú thích trong LaTeX
- 25. WatiN hỗ trợ cho các thẻ HTML5
- 26. Thêm hỗ trợ https cho Apache Bench trên Windows
- 27. Hỗ trợ HTML 5 trong trình duyệt Windows Phone 7
- 28. "?" Là gì? cho thuộc tính src của thẻ html script?
- 29. API không được hỗ trợ cho AudioPlayerAgent
- 30. HTML/Javascript xoá dữ liệu từ img src thuộc tính
Mẫu mã ở đây sẽ giúp chúng tôi tái tạo sự cố của bạn. – bendewey
kiểm tra liên kết http://rebuildingtheweb.com/en/how-should-browsers-render-alt-text/ mà john đã cung cấp. nó ghi lại điều tôi đã chỉ ra chi tiết – rohitmishra