Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP BOOTSTRAP HOW TO W3.CSS C C++ C# REACT R JQUERY DJANGO TYPESCRIPT NODEJS MYSQL

HTML <img> longdesc Attribute

❮ HTML <img> tag

Example

Several examples of how to use the longdesc attribute:

<!-- The description is on the same page as the image -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">

<!-- The description is in an external page -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">

<!-- The description is one of several within an external page -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">

<!-- The description is included in a 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">
Try it Yourself »

Definition and Usage

The longdesc attribute specifies a hyperlink to a detailed description of an image.

Browser Support

Attribute
longdesc Not supported Not supported Not supported Not supported Not supported

Syntax

<img longdesc="string">

Attribute Values

Value Description
string

A hyperlink to a detailed description of an image.

Possible values:

  • An id to another element
  • An absolute URL - points to another web site (like longdesc="http://www.example.com/description.txt")
  • A relative URL - points to a file within a web site (like longdesc="description.txt")
❮ HTML <img> tag