HTML <img> longdesc 属性

HTML <img> 标签

定义和用法

longdesc 属性规定指向图像详细描述的超链接。

详细信息

<img> 标签的 longdesc 属性与 alt 属性 类似，但它允许更长的描述性文字。longdesc 的值是一个指向包含图像说明的文档的 URL。如果说明多于 1024 个字符，那么可以使用 longdesc 属性来设置指向它的链接。

不论是 HTML 还是 XHTML 都没有指定说明中必须是什么内容，而且目前浏览器都还没有支持 longdesc 属性。因此，对于如何创建那些大块的描述，我们的建议是创建一个超链接指向包含描述的页面即可。

alt 属性对于残疾人很有帮助，而出于显而易见的原因考虑，longdesc 属性似乎是更好的选项。

实例

如何使用 longdesc 属性的几个例子：

<!-- 该描述位于与图像相同的页面上 -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">

<!-- 该描述在外部页面上 -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">

<!-- 该描述是外部页面中多个描述之一 -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">

<!-- 该描述包含在 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">

亲自试一试

语法

<img longdesc="string">

属性值

值 描述
string

规定指向图像详细描述的超链接。

可能的值：

  • 另一个元素的 id
  • 绝对 URL - 指向另一个网站（如 longdesc="http://www.example.com/description.txt"）
  • 相对 URL - 指向网站内的文件（如 longdesc="description.txt"）

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
不支持 不支持 不支持 不支持 不支持

HTML <img> 标签