Attributen
Dit element bevat de globale attributen.
Opmerking
Het name-attribuut heeft een specifieke betekenis voor het <meta>-element.
Het itemprop-attribuut mag niet worden ingesteld op een <meta>-element dat een name-, http-equiv- of charset-attribuut bevat.
charset | Dit attribuut declareert de tekencodering van het document. Als het attribuut aanwezig is, moet de waarde een ASCII-hoofdlettergevoelige match zijn met de tekenreeks "utf-8", omdat UTF-8 de enige geldige codering is voor HTML5-documenten. <meta>-elementen die een tekencodering declareren, moeten zich volledig binnen de eerste 1024 bytes van het document bevinden. |
|---|---|
content | Dit attribuut bevat de waarde voor het http-equiv- of name-attribuut, afhankelijk van welke wordt gebruikt. |
http-equiv | Definieert een pragma-directive, wat instructies zijn voor de browser voor het verwerken van het document.
De naam van het attribuut is een afkorting van http-equivalent, omdat de toegestane waarden namen zijn van equivalente HTTP-headers. |
media | 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. |
name | De name- en content-attributen kunnen samen worden gebruikt om documentmetadata te leveren in de vorm van naam-waardeparen, waarbij het name-attribuut de naam van de metadata geeft en het content-attribuut de waarde. |
Voorbeelden
Een meta-beschrijving instellen
De volgende <meta>-tag levert een description als metadata voor de webpagina:
HTML
<meta
name="description"
content="The HTML reference describes all elements and attributes of HTML, including global attributes that apply to all elements." />Een pagina-omleiding instellen
Het volgende voorbeeld gebruikt http-equiv="refresh" om de browser te instrueren een omleiding uit te voeren.
Het attribuut content="3;url=https://voorbeeld.nl" leidt de pagina na 3 seconden om naar https://voorbeeld.nl:
HTML
<meta http-equiv="refresh" content="3;url=https://voorbeeld.nl" />Technische samenvatting
| Inhoudscategorieën |
Metadata content. Als het itemprop-attribuut aanwezig is:
flow content,
phrasing content.
|
|---|---|
| Toegestane inhoud | Geen; het is een void element. |
| Weglaten van tags | Moet een begintag hebben en mag geen eindtag hebben. |
| Toegestane oudertags |
|
| Impliciete ARIA-rol | Geen overeenkomstige rol |
| Toegestane ARIA-rollen | Geen role toegestaan |
| DOM-interface | HTMLMetaElement |
Varianten van <meta>
color-scheme
De waarde color-scheme voor het name-attribuut van het <meta>-element geeft een voorgesteld kleurenschema aan...
<meta http-equiv>
Het http-equiv-attribuut van het <meta>-element stelt je in staat om verwerkingsinstructies voor de browser op...
<meta name>
Het name-attribuut van het <meta>-element biedt metadata in naam-waardeparen. Wanneer een <meta>-element een n...
referrer
De referrer-waarde voor het name-attribuut van het <meta>-element regelt de HTTP-header Referer van verzoeken...
responsive-embedded-sizing
Dit is een experimenteel element. Het werkt nog niet in alle browsers.
robots
De robots-waarde voor het name-attribuut van het <meta>-element (vaak "robots-tag" genoemd) definieert het cra...
text-scale
Dit is een experimenteel element. Het werkt nog niet in alle browsers.
theme-color
De waarde theme-color voor het name-attribuut van het <meta>-element geeft een voorgestelde kleur aan die user...
viewport
De waarde viewport voor het name-attribuut van een <meta>-element geeft aanwijzingen over hoe de viewport moet...