HTML <link> etikett

Kursrekommendation:

<link> Definiera och användning

<link> Taggen används oftast för att länka till externa stilarkiv eller lägga till ikoner på webbplatsen.

<link> Elementet är ett tomt element, det innehåller endast egenskaper.

Se också:

HTML LärHTML Stil

HTML DOM Referenshandbok:Link-objekt

Exempel

Länka till extern stilarkiv:

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

Prova själv

Egenskap

Egenskap Värde Beskrivning
crossorigin
  • anonym
  • använd-krediter
Bestäm hur elementet hanterar korsorigin-förfrågningar.
href URL Bestäm platsen för det länkade dokumentet.
hreflang Ljudkod Bestäm vilket språk texten i det länkade dokumentet är på.
media Mediafråga Bestäm vilket enhet som länkade dokumentet kommer att visas på.
referrerpolicy
  • ingen-referrer
  • ingen-referrer-när-downgrade
  • ursprung
  • ursprung-när-korsorigin
  • osäker-url
Bestäm vilken referens som ska användas för att hämta resursen.
rel
  • alternativ
  • författare
  • dns-förhandsladdning
  • hjälp
  • ikon
  • licens
  • nästa
  • pingback
  • föranslutning
  • förhandsladdning
  • förhållande
  • förgranskning
  • föregående
  • sök
  • stylesheet
Obligatorisk. Bestämmer förhållandet mellan den aktuella dokumentet och det länkade dokumentet.
storlekar
  • HöjdxBredd
  • alla
Bestäm storleken på den länkade resursen. Gäller endast rel="icon".
title Definierar föredragen eller alternativ stiltabell.
type Medietyp Definierar medietypen för det länkade dokumentet.

Globala egenskaper

<link> Etiketter stöder också Globala egenskaper i HTML.

händelseegenskaper

<link> Etiketter stöder också Händelseegenskaper i HTML.

Standarda CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <link> Element:

link {
  display: none;
}

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd