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">
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 |