HTML <img> longdesc eigenschap
Definitie en gebruik
longdesc
eigenschap definieert en beschrijft de hyperlink die verwijst naar een gedetailleerde beschrijving van het beeld.
img
van het longdesc
eigenschap eigenschap alt eigenschaplongdesc
soortgelijke, maar het staat een langere beschrijvende tekst toe. longdesc
De waarde is een URL die verwijst naar een document dat de beschrijving van het beeld bevat. Als de beschrijving meer dan 1024 karakters bevat, kan men
Zowel HTML als XHTML specificeren niet wat de inhoud van de beschrijving moet zijn, en momenteel ondersteunen alle browsers deze eigenschap niet om een link naar zichzelf te instellen. longdesc
eigenschap. Daarom raden we aan om een hyperlink te maken naar een pagina die de beschrijving bevat, voor het maken van die grote beschrijvingen.
alt
De eigenschap is zeer nuttig voor gehandicapten, en om duidelijke redenen overweegt men:longdesc
De eigenschap lijkt een betere optie te zijn.
Voorbeeld
Enkele voorbeelden van het gebruik van de longdesc-eigenschap:
<!-- De beschrijving bevindt zich op dezelfde pagina als het beeld --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained"> <!-- De beschrijving staat op dezelfde pagina als het beeld --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt"> <!-- Deze beschrijving is een van de meerdere beschrijvingen op een externe pagina --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3"> <!-- De beschrijving zit in de 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">
Syntax
<img longdesc="string">
Attribute value
Value | Description |
---|---|
string |
Specifies a hyperlink that points to a detailed description of the image. Possible values:
|
Browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Not supported | Not supported | Not supported | Not supported | Not supported |