HTML Tutorial

HTML-tagg: <link>

Denna guide ger en översikt över HTML-taggen <link>. Du kommer att lära dig hur du använder den, dess attribut och se exempel på hur du använder den i praktiken.

Användning av <link>

<link>-taggen används för att länka till externa resurser, såsom CSS-filer, JavaScript-filer, RSS-flöden och favicons. Genom att använda <link>-taggen kan du inkludera dessa resurser i ditt HTML-dokument utan att behöva bädda in dem direkt i filen.

Attribut för <link>

  • href: Anger URL:en till den externa resursen.
  • rel: Anger relationen mellan det HTML-dokument och den externa resursen.
  • type: Anger MIME-typen för den externa resursen.

Exempel på användning av <link>

Länka till en CSS-fil:

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

Länka till en JavaScript-fil:

<link rel="script" href="skript.js">

Länka till ett RSS-flöde:

<link rel="alternate" href="rss.xml" type="application/rss+xml" title="Nyhetsflöde">

Länka till en favicon:

<link rel="icon" href="favicon.ico">

Utforska <link>-taggen

Följande exempel visar hur du använder <link>-taggen för att länka till en CSS-fil:

<!DOCTYPE html>
<html>
<head>
  <title>Exempel på länkar</title>
  <link rel="stylesheet" href="stil.css">
</head>
<body>
  <h1>Exempel på webbplats</h1>
  <p>Detta är ett exempel på en webbplats.</p>
</body>
</html>

När du öppnar den här HTML-filen i en webbläsare kommer den använda den länkade CSS-filen för att styla elementet.