Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

src HTML attribuut

10 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Wat doet het src attribuut?

Verwijst naar de URL van de externe bron die het element laadt en toont of uitvoert, zoals een afbeelding, video, script of document. De precieze betekenis hangt af van het element, maar het is altijd een pad of URL.

HTML (afbeelding)
<img src="logo.png" alt="Logo">
HTML (script)
<script src="script.js"></script>

Welke HTML-elementen kennen src?

<audio>

Het <audio>-HTML-element wordt gebruikt om geluidsinhoud in documenten in te sluiten. Het kan een of meer audiobronnen bevatten, weergegeven...

De URL van de in te sluiten audio. Dit is onderhevig aan HTTP-toegangscontroles. Dit is optioneel; u kunt in plaats daarvan het <source>-element binnen het audioblok gebruiken om de in te sluiten audio op te geven.
Alles over <audio> →

<embed>

Het <embed>-element van HTML bettet externe inhoud in op het opgegeven punt in het document. Deze inhoud wordt geleverd door een externe app...

De URL van de bron die wordt ingebed.
Alles over <embed> →

<frame> Verouderd Niet-standaard

Het <frame>-HTML-element definieert een specifiek gebied waarin een ander HTML-document kan worden weergegeven. Een frame moet worden gebrui...

Dit attribuut specificeert het document dat door het frame wordt weergegeven.
Alles over <frame> →

<iframe>

Het <iframe>-HTML-element vertegenwoordigt een geneste browsing context, waarmee een andere HTML-pagina in de huidige pagina wordt ingebed.

De URL van de pagina die moet worden ingebed. Gebruik de waarde about:blank om een leeg document in te bedden dat voldoet aan het same-origin policy. Merk ook op dat het programmatisch verwijderen van het src-attribuut van een <iframe> (bijvoorbeeld via Element.removeAttribute()) ervoor zorgt dat about:blank in het frame wordt geladen in Firefox (vanaf versie 65), Chromium-gebaseerde browsers en Safari/iOS.

Opmerking

De pagina about:blank gebruikt de URL van het insluitende document als basis-URL bij het oplossen van relatieve URL's, zoals ankerlinks.

Alles over <iframe> →

<img>

Het <img>-element van HTML bettet een afbeelding in het document in.

De URL van de afbeelding. Voor een <img>-element is ten minste een van src en srcset vereist. Als srcset is opgegeven, wordt src op een van twee manieren gebruikt:
  • als terugval voor browsers die srcset niet ondersteunen.
  • als srcset de "x"-descriptor gebruikt, dan is src gelijkwaardig aan een bron met de dichtheidsdescriptor 1x; dat wil zeggen, de door src opgegeven afbeelding wordt gebruikt op schermen met een lage pixeldichtheid (zoals gebruikelijke 72 DPI- of 96 DPI-schermen).
Alles over <img> →

<input>

Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...

Alleen geldig voor de image-invoerknop; src is een tekenreeks die de URL opgeeft van het afbeeldingsbestand dat wordt weergegeven om de grafische submit-knop voor te stellen. Zie het invoertype image.
Alles over <input> →

<script>

Het <script>-element van HTML wordt gebruikt om uitvoerbare code of gegevens in te sluiten; dit wordt doorgaans gebruikt om JavaScript-code...

Dit attribuut geeft de URI van een extern script op; dit kan gebruikt worden als alternatief voor het rechtstreeks insluiten van een script in een document.
Alles over <script> →

<source>

Het <source>-HTML-element specificeert een of meer mediabronnen voor de elementen <picture>, <audio> en <video>. Het is een void element, wa...

Specificeert de URL van de mediabron. Verplicht als de ouder van <source> <audio> of <video> is. Niet toegestaan als de ouder <picture> is.
Alles over <source> →

<track>

Het <track>-HTML-element wordt gebruikt als kindelement van de media-elementen <audio> en <video>. Met elk track-element kun je een getimede...

Adres van de track (.vtt-bestand). Moet een geldige URL zijn. Dit attribuut moet worden opgegeven en de waarde van de URL moet dezelfde origin hebben als het document — tenzij het bovenliggende <audio>- of <video>-element van het track-element een crossorigin-attribuut heeft.
Alles over <track> →

<video>

Het <video>-HTML-element sluit een mediaspeler in het document in die videoweergave ondersteunt. Je kunt <video> ook gebruiken voor audio-in...

De URL van de in te sluiten video. Dit is optioneel; je kunt in plaats daarvan het <source>-element binnen het video-blok gebruiken om de in te sluiten video te specificeren.
Alles over <video> →

Andere attributen van deze elementen