HTML <img> src- kenmerk

Voorbeeld

Een afbeelding wordt als volgt gemarkeerd:

Definitie en gebruik

Het vereiste srcattribuut specificeert de URL van de afbeelding.

Er zijn twee manieren om de URL in het src attribuut op te geven:

1. Absolute URL - Links naar een externe afbeelding die op een andere website wordt gehost. Voorbeeld: src="https://www.w3schools.com/images/img_girl.jpg".

Opmerkingen: Externe afbeeldingen kunnen auteursrechtelijk beschermd zijn. Als u geen toestemming krijgt om het te gebruiken, overtreedt u mogelijk de auteursrechtwetten. Bovendien kunt u externe afbeeldingen niet bedienen; het kan plotseling worden verwijderd of gewijzigd.

2. Relatieve URL - Links naar een afbeelding die op de website wordt gehost. Hier bevat de URL niet de domeinnaam. Als de URL zonder schuine streep begint, is deze relatief ten opzichte van de huidige pagina. Voorbeeld: src="img_girl.jpg". Als de URL met een schuine streep begint, is deze relatief aan het domein. Voorbeeld: src="/images/img_girl.jpg".

Tip: Het is bijna altijd het beste om relatieve URL's te gebruiken. Ze gaan niet kapot als je van domein verandert.

Opmerking: een pictogram met een verbroken link en de alttekst worden weergegeven als de browser de afbeelding niet kan vinden.

Browserondersteuning

Attribute
src	Yes	Yes	Yes	Yes	Yes

Syntaxis

Attribuutwaarden

Value	Description
URL	The URL of the image. Possible values: An absolute URL - points to another web site (like src="http://www.example.com/image.gif") A relative URL - points to a file within a web site (like src="image.gif")

Value

Description

URL

The URL of the image.

Possible values:

An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
A relative URL - points to a file within a web site (like src="image.gif")

❮ HTML <img>-tag