as HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het as attribuut?
Geeft het type resource op dat wordt geladen bij rel="preload" of rel="modulepreload" (bijvoorbeeld "script", "style", "font" of "image"). De browser gebruikt dit om de juiste laadprioriteit en content-type-controle toe te passen; zonder de juiste as-waarde kan de resource dubbel worden opgehaald.
<link rel="preload" href="lettertype.woff2" as="font" type="font/woff2" crossorigin>Welke HTML-elementen kennen as?
<link>
Het <link>-HTML-element specificeert relaties tussen het huidige document en een externe bron. Dit element wordt het meest gebruikt om te li...
Dit attribuut is verplicht wanneer rel="preload" is ingesteld op het <link>-element, optioneel wanneer rel="modulepreload" is ingesteld, en mag verder niet worden gebruikt.
Het geeft het type inhoud aan dat door de <link> wordt geladen, wat nodig is voor het matchen van verzoeken, de toepassing van het juiste content security policy, en het instellen van de juiste Accept-request-header.
Bovendien gebruikt rel="preload" dit als signaal voor de prioritering van verzoeken.
De onderstaande tabel geeft de geldige waarden voor dit attribuut en de elementen of bronnen waarop ze van toepassing zijn.
As-waarde |
Rel-waarde |
Van toepassing op |
|---|---|---|
| audioworklet | modulepreload | AudioWorklet-modules |
| fetch | preload |
fetch, XHR
Opmerking: Deze waarde vereist ook dat
|
| font | preload |
CSS @font-face
Opmerking: Deze waarde vereist ook dat
|
| image | preload |
<img>- en <picture>-elementen met
srcset- of imageset-attributen, SVG-<image>-elementen,
CSS-*-image-regels
|
| json | modulepreload | Aanvullend JSON-bestand |
| paintworklet | modulepreload | PaintWorklet-modules |
| script | preload or modulepreload |
<script>-elementen, Worker importScripts, en modulepreload-bestemmingen.
|
| serviceworker | modulepreload | ServiceWorker-modules |
| sharedworker | modulepreload | SharedWorker |
| style | preload or modulepreload |
<link rel=stylesheet>-elementen, CSS
@import en modulepreload-bestemmingen.
|
| text | modulepreload | Aanvullend platte-tekstbestand |
| track | preload | <track>-elementen (WebVTT, MIME-type text/vtt) |
| worker | modulepreload | Worker-modules |