HTML <img> longdesc Eigenschaft

Definition und Verwendung

longdesc Eigenschaft legt einen Hyperlink zur detaillierten Beschreibung des Bildes fest.

Detaillierten Informationen

<img>-Tag longdesc Eigenschaft ist mit alt-Eigenschaft ähnlich verwendet werden, aber er ermöglicht längere beschreibende Texte.longdesc Der Wert ist eine URL, die auf das Dokument verweist, das die Bildbeschreibung enthält. Wenn die Beschreibung mehr als 1024 Zeichen umfasst, kann longdesc Eigenschaft, um auf sie zu verweisen.

Sowohl HTML als auch XHTML spezifizieren nicht, was in der Beschreibung enthalten sein muss, und derzeit unterstützen alle Browser noch nicht longdesc Eigenschaft. Daher empfehlen wir, für die Erstellung dieser großen Beschreibungen, einen Hyperlink zu einer Seite zu erstellen, die die Beschreibung enthält.

alt Diese Eigenschaft ist für Behinderte sehr hilfreich und aus offensichtlichen Gründen auch fürlongdesc Die Eigenschaft scheint eine bessere Wahl zu sein.

Beispiel

Einige Beispiele zur Verwendung der longdesc-Eigenschaft:

<!-- Die Beschreibung befindet sich auf der selben Seite wie das Bild -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
<!-- Die Beschreibung befindet sich auf der externen Seite -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
<!-- Diese Beschreibung ist eine von mehreren im externen Dokument -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
<!-- Die Beschreibung ist im data:URI enthalten -->
<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">

Versuchen Sie es selbst

Syntax

<img longdesc="string">

Eigenschaftswert

Wert Beschreibung
string

Definiert einen Hyperlink, der auf eine detaillierte Beschreibung des Bildes verweist.

Mögliche Werte:

  • ID eines anderen Elements
  • Absoluter URL - Verweist auf eine andere Website (z.B. longdesc="http://www.example.com/description.txt"}
  • Relativer URL - Verweist auf eine Datei innerhalb der Website (z.B. longdesc="description.txt"}

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt