Thuộc tính alt của hình ảnh

Đối tượng Image DOM HTML

Định nghĩa và cách sử dụng

alt cài đặt hoặc trả về giá trị thuộc tính Thuộc tính alt giá trị.

Nếu vì một lý do nào đó hình ảnh không thể hiển thị (do tốc độ kết nối chậm, thuộc tính src lỗi hoặc người dùng sử dụng trình đọc màn hình), thuộc tính này là bắt buộc Thuộc tính alt Định nghĩa văn bản thay thế cho hình ảnh.

Chú thích:Khi con trỏ chuột đè lên phần tử <img>, Internet Explorer sẽ hiển thị giá trị thuộc tính alt như chú giải. Theo quy định HTML, đây không phải là hành vi đúng. Tất cả các trình duyệt khác đều tuân thủ quy định và chỉ hiển thị văn bản thay thế khi hình ảnh không thể hiển thị.

Lưu ý:Nếu bạn muốn tạo chú giải cho hình ảnh, hãy sử dụng hàm toàn cục Thuộc tính title.

Thực hành

Ví dụ 1

Trả về văn bản thay thế cho hình ảnh:

var x = document.getElementById("myImg").alt;

Thử ngay

Ví dụ 2

Thay đổi văn bản thay thế cho hình ảnh:

document.getElementById("myImg").alt = "Bức tranh phong cảnh Bắc Kinh";

Thử ngay

Cú pháp

Trả về thuộc tính alt:

imageObject.alt

Thiết lập thuộc tính alt:

imageObject.alt = text

Giá trị thuộc tính

Giá trị Mô tả
text

Định nghĩa văn bản thay thế cho hình ảnh.

Hướng dẫn văn bản thay thế:

  • Nếu hình ảnh chứa thông tin, văn bản nên mô tả hình ảnh
  • Nếu hình ảnh nằm trong thẻ <a>, văn bản nên giải thích vị trí của liên kết
  • Nếu hình ảnh chỉ được sử dụng để trang trí, hãy sử dụng alt=""

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị văn bản thay thế cho hình ảnh.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML:Thuộc tính alt của thẻ <img> HTML

Đối tượng Image DOM HTML