Een afbeelding als inhoud

Een foto, schema of kaart kan informatie bevatten die niet in de omliggende tekst staat. Behandel zo'n afbeelding als inhoud. In HTML is img daarvoor een gebruikelijke keuze, met een passend tekstalternatief voor wie het beeld niet kan zien.

Bepaal eerst welke informatie de afbeelding op deze plek overbrengt. De bestandsnaam alleen vertelt dat meestal niet. Vermeld relevante informatie ook in gewone tekst wanneer een korte alternatieve beschrijving niet genoeg is, bijvoorbeeld bij een ingewikkelde grafiek. Het img-element sluit je niet af met een eindtag. Het verwijst naar een afbeeldingsbestand; het bestand zelf wordt daardoor niet in je HTML gekopieerd.

Voorbeeld

<img src="plank.jpg" alt="Twee beugels ondersteunen de plank.">

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: Het afbeeldingsadres in src.