Atributo longdesc de HTML <img>

Definición y uso

longdesc La propiedad define y describe cómo especificar un hipervínculo que apunte a una descripción detallada de la imagen.

define y describe cómo especificar un hipervínculo que apunte a una descripción detallada de la imagen.

<img> La propiedad de detalles del etiqueta longdesc La propiedad es similar a La propiedad alt Algo similar, pero permite un texto descriptivo más largo.longdesc El valor es una URL que apunta a un documento que contiene la descripción de la imagen. Si la descripción tiene más de 1024 caracteres, se puede usar longdesc La propiedad para establecer el enlace a él.

Ni HTML ni XHTML especifican qué contenido debe contener la descripción, y actualmente los navegadores aún no soportan longdesc La propiedad. Por lo tanto, para crear esas descripciones grandes, nuestra sugerencia es crear un hipervínculo que apunte a una página que contiene la descripción.

alt La propiedad es muy útil para las personas con discapacidades, y por razones obvias,longdesc La propiedad parece ser una mejor opción.

Ejemplo

Varios ejemplos de uso de la propiedad longdesc:

La descripción está en la misma página que la imagen:
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
La descripción está en una página externa:
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
Esta descripción es una de varias en una página externa:
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
La descripción se incluye en el URI data:
<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">

Prueba personalmente

Sintaxis

<img longdesc="cadena">

valor de atributo

valor descripción
cadena

Define un hipervínculo que apunta a una descripción detallada de la imagen.

Valores posibles:

  • ID de otro elemento
  • URL absoluto - Se refiere a otro sitio web (por ejemplo, longdesc="http://www.example.com/description.txt"}
  • URL relativo - Se refiere a un archivo dentro del sitio web (por ejemplo, longdesc="description.txt"}

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
No soportado No soportado No soportado No soportado No soportado