HTML <link> tag

Definitie en gebruik

<link> Definieer de relatie tussen het huidige document en een externe bron.

<link> De tag wordt meestal gebruikt om naar een externe stijltafel te koppelen of een pictogram toe te voegen aan een website.

<link> Het element is een leeg element, het bevat alleen eigenschappen.

Zie ook:

HTML handleiding:HTML stijl

HTML DOM referentiehandleiding:Link object

Voorbeeld

Koppel aan een externe stijltafel:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Probeer het zelf uit

Eigenschap

Eigenschap Waarde Beschrijving
crossorigin
  • anonymous
  • use-credentials
Definieer hoe het element kruisbron verzoeken afhandelt.
href URL Definieer de locatie van het geconnekte document.
hreflang Speech code Definieer de taal van de tekst in het geconnekte document.
media Media query Definieer op welk apparaat het geconnekte document wordt weergegeven.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
Definieer welke referentie moet worden gebruikt om de resource te verkrijgen.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
Verplicht. Definieer de relatie tussen het huidige document en het geconnekte document.
sizes
  • HeightxWidth
  • any
Definie de afmetingen van de geconnekte resource. Alleen van toepassing op rel="icon".
title Defines the preferred or alternate stylesheet.
type Media type Specifies the media type of the linked document.

Global attributes

<link> The tag also supports Global attributes in HTML.

event attributes

<link> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will use the following default values to display <link> Element:

link {
  display: none;
}

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support