Thuộc tính longdesc của 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">
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ể:
|
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ợ |