# Sådan bruges HTML-basetagget til at definere en basis-URL

HTML `<base>` bruges til at definere basis-URL’en for alle relative URL’er. Dette gøres via attributten `href`. Det andet attribut `target` definerer, hvor de respektive referencemål skal åbnes. `<base>` gemmes altid inden for `<head>`.

## Hvad er `<base>` 9-koden?

HTML-koden `<base>` angiver basis-URL’en for alle relative URL’er på et websted. Den indeholder de to HTML-attributter href og target.

Href-attributten angiver den URL, der skal fungere som **reference for alle relative URL’er, billeder, stylesheets og scripts i et HTML-dokument**. Denne basis-URL kan selv være relativ. Target-attributten definerer navnet på det vindue, hvor alle **linkede mål skal åbnes**. Derudover kan `<base>` angive, hvordan links i det aktuelle dokument skal åbnes.

`<base>` gemmes altid inden for `<head>` og bør bruges så tidligt som muligt i koden. Hvis der er flere `<base>`, tages kun det første i betragtning, og alle andre ignoreres.

## Hvad er syntaksen i HTML `<base>`?

Den grundlæggende syntaks for HTML `<base>` er som følger:

```html
<base href="URL" target="TARGET">
```

## Eksempler på, hvordan `<base>` fungerer

### Gemmer basis-URL’en

I det første eksempel gemmer vi basis-URL’en `https://www.example-website.com` i headerområdet af et dokument ved hjælp af HTML-koden `<base>`:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
<div class="hash d-none" hidden>hash_4f774174264e0ad505ab3560c2021aef2c0129e5</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

### Definition af standarddestination for alle URL’er

I det næste eksempel bruger vi attributten `target` til at angive, hvor URL’er skal åbnes, når der klikkes på dem:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" target="_self">
</head>
<body>
<p>
Here’s your website content.
</p>
<div class="hash d-none" hidden>hash_4f774174264e0ad505ab3560c2021aef2c0129e5</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

### Adgang til en basis-URL med flere relative links

I det tredje eksempel bruger vi HTML `<base>` til at oprette en basis-URL, der bruges som startside af alle relative links. Sådan ser koden ud:

```html
<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com/">
</head>
<body >
<h2>Various subpages</h2>
<ul>
<li><a href="/first_subpage/index.htm">First Subpage</a></li>
<li><a href="/second_subpage/index.htm">Second Subpage</a></li>
</ul>
<div class="hash d-none" hidden>hash_4f774174264e0ad505ab3560c2021aef2c0129e5</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

## Hvilke attributter understøtter HTML `<base>` -taget?

Tagget `<base>` understøtter kun attributterne `href` og `target`.

- **`href`**: Basis-URL’en for alle relative URL’er på siden bestemmes via `href`. Værdien af dette attribut angives altid i form af en URL. I eksemplerne ovenfor er denne værdi `https://www.example-website.com`.
- **`target`**: Attributten `target` angiver, hvilket vindue en URL skal åbnes i. Den kan have værdierne `_blank`, `_parent`, `_self` og `_top`. `_blank` åbner linket i et nyt vindue, `_parent` åbner linket i en ramme på et højere niveau, `_self` åbner linket i det samme vindue, og `_top` åbner linket i browservinduet og erstatter den linkede side i stedet for at vise den som en ramme inden for siden.

Tip I vores digitale guide kan du finde flere informative artikler om HTML. Du finder blandt andet en omfattende begyndervejledning samt en oversigt over de bedste HTML-redigeringsprogrammer.


This is a markdown version of: [https://www.ionos.com/da-dk/digitalguide/websteder/webudvikling/html-base/](https://www.ionos.com/da-dk/digitalguide/websteder/webudvikling/html-base/) for AI/LLM consumption.