HTML <img> longdesc egenskap

HTML <img> etikett

Definition och användning

longdesc Egenskapen specificerar en länk till en detaljerad beskrivning av bilden.

detaljer

<img>-taggets longdesc Egenskapen med alt-egenskapen liknande, men det tillåter längre beskrivande text.longdesc Värdet är en URL som pekar på en dokument som innehåller bildbeskrivningen. Om beskrivningen är längre än 1024 tecken, kan du använda longdesc Egenskapen för att sätta en länk till den.

Både HTML och XHTML specificerar inte vad beskrivningen måste innehålla, och för närvarande stöder alla webbläsare inte longdesc Egenskapen. Därför rekommenderar vi att skapa en länk till en sida som innehåller beskrivningen för att skapa stora beskrivningar.

alt Egenskapen är mycket användbar för funktionshindrade, och av uppenbara skällongdesc Egenskapen verkar vara ett bättre alternativ.

Exempel

Fåtal exempel på hur man använder longdesc-attributet:

Beskrivningen finns på samma sida som bilden
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
Beskrivningen finns på samma sida som bilden
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
Beskrivningen är en av flera beskrivningar på en extern sida
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
Beskrivningen innehåller i 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">

Prova själv

Syntax

<img longdesc="string">

Attributvärde

Värde Beskrivning
string

Definierar en länk som pekar på en detaljerad beskrivning av bilden.

Möjliga värden:

  • En annan elements id
  • Absolut URL - pekar på en annan webbplats (t.ex. longdesc="http://www.example.com/description.txt"}
  • Relativ URL - pekar på en fil inom webbplatsen (t.ex. longdesc="description.txt"}

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöds inte Stöds inte Stöds inte Stöds inte Stöds inte

HTML <img> etikett