HTML <img> laai kenmerk
Voorbeeld
Voeg lui laai by prente onder die vou:
<img src="/w3images/wedding.jpg" alt="Wedding" style="width:100%">
<img
src="/w3images/rocks.jpg" alt="Rocks" style="width:100%">
<!--
off-screen images -->
<img src="/w3images/paris.jpg" alt="Paris"
style="width:100%" loading="lazy">
<img src="/w3images/nature.jpg"
alt="Nature" style="width:100%" loading="lazy">
<img src="/w3images/underwater.jpg"
alt="Underwater" style="width:100%" loading="lazy">
<img src="/w3images/ocean.jpg"
alt="Ocean" style="width:100%" loading="lazy">
<img src="/w3images/mountainskies.jpg"
alt="Mountains" style="width:100%" loading="lazy">
Definisie en gebruik
Die loadingkenmerk spesifiseer of 'n blaaier 'n prent onmiddellik moet laai of om die laai van prente van die skerm af uit te stel totdat die gebruiker byvoorbeeld naby hulle blaai.
Wenk: Voeg loading="lazy"
slegs by prente wat onder die vou geplaas is.
Blaaierondersteuning
| Attribute | |||||
|---|---|---|---|---|---|
| loading | 77.0 | 79.0 | 75.0 | Not Supported | 64.0 |
Sintaksis
<img src="URL" loading="eager|lazy">
Eienskapwaardes
| Value | Description |
|---|---|
| eager | Default. Loads an image immediately |
| lazy | Defer loading of images until some conditions are met |
❮ HTML <img> merker