HTML <link> rel-attribut

Definition och användning

Obligatorisk rel Egenskapen specificerar förhållandet mellan aktuellt dokument och det länkade dokumentet/ressursen.

Exempel

Exempel 1

Importera extern stilark:

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

Prova själv

Exempel 2

Följande är en metod för att lägga till webbikonen till webbplatsen:

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Syntaks

<link rel="value">

Attributvärde

Värde Beskrivning
alternate

Förskaffa länk till dokumentets ersättningsrepresentation (t.ex. utskrift, översättning eller kopia).

Exempel: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">

author Förskaffa länk till dokumentets författare.
dns-prefetch Bestäm att webbläsaren ska utföra DNS-sökning för källan till måltillgången i förväg.
help

Förskaffa länk till hjälpdokument.

Exempel: <link rel="help" href="/help/">

icon

Importera ikon som representerar dokumentet.

Exempel: <link rel="icon" href="favicon.ico" type="image/x-icon">

license Förskaffa länk till dokumentets copyrightinformation.
next Förskaffa länk till nästa dokument i serien.
pingback Förskaffa adressen till pingback-servern som hanterar pingback för aktuellt dokument.
preconnect Bestämmer att webbläsaren ska förhandsansluta till källan där måltillgången finns.
prefetch Bestämmer att webbläsaren ska förhandsladda och cachera måltillgångarna eftersom de kan användas vid senare navigering.
preload Bestämmer att webbläsarens proxy måste förhandsladda och cachera måltillgångarna enligt destinationen som anges i "as"-egenskapen (och den prioritet som är associerad med denna destination).
prerender

Bestämmer att webbläsaren ska förhandsrendera (ladda) den angivna webbsidan i bakgrunden.

Om användaren navigerar till denna sida kommer det att accelerera sidans laddningstid (eftersom sidan redan har laddats).

Varning! Detta kommer att slösa bort användarens bandbredd! Använd endast förhandsrendering om du är helt säker på att webbsidan är nödvändig vid ett tillfälle under användarens surfning.

prev Indikerar att denna fil är en del av en serie och att den föregående filen i serien är den som hänvisas till.
search Tillhandahåller länkar till resurser som kan användas för att söka i aktuellt dokument och relaterade sidor.
stylesheet Importera stilmall.

Webbläsarstöd

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