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">
Syntax
<img longdesc="string">
Eigenschaftswert
Wert | Beschreibung |
---|---|
string |
Definiert einen Hyperlink, der auf eine detaillierte Beschreibung des Bildes verweist. Mögliche Werte:
|
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 |