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> 標簽