2010-02-27 69 views
5

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?

+0

Mẫu mã ở đây sẽ giúp chúng tôi tái tạo sự cố của bạn. – bendewey

+0

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

Trả lời

7

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

+1

@John cảm ơn câu trả lời tuyệt vời và liên kết rebuildingtheweb. – rohitmishra

5

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.

+0

@Aviator lời khuyên thực hiện :) – rohitmishra

+0

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

Các vấn đề liên quan