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

media HTML attribuut

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

Auteur: Maarten Soetens

Wat doet het media attribuut?

Geeft aan voor welk media-type of welke mediaquery de gekoppelde resource bedoeld is, bijvoorbeeld alleen voor print of alleen boven een bepaalde schermbreedte. De waarde is een mediaquery-string zoals "print" of "(min-width: 800px)".

HTML 
<link rel="stylesheet" href="print.css" media="print">
Responsieve afbeelding 
<picture>
  <source srcset="banner-breed.jpg" media="(min-width: 800px)">
  <img src="banner-smal.jpg" alt="Banner">
</picture>

Welke HTML-elementen kennen media?

<link> <meta> <source> <style>

<meta>

Het <meta>-HTML-element vertegenwoordigt metadata die niet door andere aan metadata gerelateerde elementen kunnen worden weergegeven, zoals...

Het media-attribuut definieert op welke media de themakleur die in het content-attribuut is gedefinieerd, moet worden toegepast. De waarde is een media query, die standaard all is als het attribuut ontbreekt. Dit attribuut is alleen relevant wanneer het name-attribuut van het element is ingesteld op theme-color. In andere gevallen heeft het geen effect en zou het niet moeten worden opgenomen.
Alles over <meta> →

<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 mediaquery voor het beoogde medium van de bron.
Alles over <source> →

<style>

Het <style>-HTML-element bevat stijlinformatie voor een document, of een deel van een document. Het bevat CSS, die wordt toegepast op de inh...

Dit attribuut definieert op welke media de stijl moet worden toegepast. De waarde ervan is een media query, die standaard all is als het attribuut ontbreekt.
Alles over <style> →

Andere attributen van deze elementen

type title sizes charset blocking width target srcset src rev rel referrerpolicy