Tại sao văn bản thay thế hình ảnh HTML không hiển thị trên di chuột

Không giống như trình duyệt Microsoft Internet Explorer, Mozilla Firefox, Google Chrome và các trình duyệt khác không hiển thị văn bản được sử dụng trong thuộc tính alt khi di chuột qua hình ảnh. Văn bản thay thế được thiết kế để hiển thị trên trang khi hình ảnh không tải, trong khi văn bản tiêu đề được thiết kế để hiển thị văn bản bóng cho hình ảnh tải. Firefox, Chrome và các trình duyệt khác (trừ Internet Explorer) tuân theo các tiêu chuẩn W3C cho HTML, trong đó tuyên bố rằng một hình ảnh phải có thuộc tính tiêu đề cho văn bản bóng. Vì lý do đó, các trình duyệt này không hiển thị văn bản thay thế khi di chuột qua hình ảnh.

Nếu bạn muốn văn bản bóng xuất hiện khi chuột di chuột qua một hình ảnh, hãy thêm "tiêu đề" vào thẻ img HTML như trong mã ví dụ bên dưới.

Hình ảnh chỉ có một thuộc tính alt .

(Không hiển thị văn bản bóng.)

Hình ảnh với cả hai thuộc tính alttiêu đề .

(Hiển thị văn bản bóng với chuột di chuột.)

Nếu bạn đang sử dụng Mozilla Firefox hoặc Google Chrome, ví dụ đầu tiên sẽ không hiển thị văn bản bóng với chỉ thuộc tính alt trong mã. Tuy nhiên, việc thêm thuộc tính tiêu đề, như đã thấy trong ví dụ thứ hai, sẽ hiển thị văn bản bóng khi chuột di chuyển qua hình ảnh.