小码哥的IT人生

HTML <img> 标签的 longdesc 属性 详解

HTML基础 2022-06-02 12:01:59小码哥的IT人生shichen

HTML <img> 标签的 longdesc 属性

实例

使用 longdesc 属性,指向一个包含图像描述信息的页面:

<img src="eg_logo_w3school.gif" alt="phpcodeweb.com" longdesc="w3s.txt" />

 

完整实例【亲自试一试】:

<html>
<body>
<img src="/i/eg_logo_w3school.gif" alt="phpcodeweb.com" longdesc="w3s.txt" />
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

longdesc 属性规定指向图像描述信息页面的 URL。

详细信息

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

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

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

浏览器支持

没有浏览器支持 longdesc 属性。

语法

<img longdesc="URL">

属性值

描述
URL

指向图像描述页面的 URL。

可能的值:

  • 绝对 URL - 指向其他站点(比如 longdesc="example.com/description.txt")
  • 相对 URL - 指向站点内的文件(比如 longdesc="description.txt")

TIY 实例

完整实例【<img> 标签的 longdesc 属性】:

<html>
<body>
<img src="/i/eg_logo_w3school.gif" alt="phpcodeweb.com" longdesc="w3s.txt" />
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

本例演示如何使用 longdesc 属性为图像指定一个描述文档。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024