Thuộc tính longdesc của thẻ <img> HTML

Thẻ <img> HTML

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

longdesc Thuộc tính quy định liên kết đến mô tả chi tiết của hình ảnh.

Chi tiết

<img> thẻ longdesc Thuộc tính Thuộc tính alt Giống như vậy, nhưng nó cho phép mô tả dài hơn.longdesc Giá trị là URL chỉ đến tài liệu chứa mô tả hình ảnh. longdesc Thuộc tính này để thiết lập liên kết đến nó.

Cả HTML và XHTML đều không quy định nội dung của mô tả phải là gì, và hiện tại các trình duyệt vẫn chưa hỗ trợ longdesc Thuộc tính này. Do đó, để tạo ra những mô tả lớn, gợi ý của chúng tôi là tạo một liên kết đến trang web chứa mô tả.

alt Thuộc tính này rất hữu ích cho người khuyết tật và do những lý do rõ ràng.longdesc Thuộc tính này có vẻ là lựa chọn tốt hơn.

Ví dụ

Một số ví dụ về cách sử dụng thuộc tính longdesc:

Mô tả này nằm trên trang web cùng với hình ảnh.
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
Mô tả này nằm trên trang web bên ngoài.
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
Mô tả này là một trong nhiều mô tả trong trang web bên ngoài.
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
Mô tả này được chứa trong data:URI.
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="data:text/html;charset=utf-8;,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3EDescription%20of%20the%20Logo%3C/title%3E%3C/head%3E%3Cbody%3E%3Cp%3ESome%20description%20goes%20here%3C/body%3E%3C/html%3E">

Thử trực tiếp

Cú pháp

<img longdesc="string">

Giá trị thuộc tính

Giá trị Mô tả
string

Định nghĩa liên kết chi tiết mô tả hình ảnh.

Giá trị có thể:

  • ID của phần tử khác
  • URL tuyệt đối - Chỉ đường đến trang web khác (ví dụ longdesc="http://www.example.com/description.txt")
  • URL tương đối - Chỉ đường đến tệp trong trang web (ví dụ longdesc="description.txt")

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ Không hỗ trợ

Thẻ <img> HTML