# Hvordan bruke HTML-basetaggen til å definere en base-URL

HTML `<base>` brukes til å definere basis-URL-en for alle relative URL-er. Dette gjøres via attributtet `href`. Det andre attributtet `target` definerer hvor de respektive referansemålene skal åpnes. `<base>` lagres alltid innenfor `<head>`.

## Hva er `<base>` 9-taggen?

HTML-taggen `<base>` angir basis-URL-en for alle relative URL-er på et nettsted. Den inneholder de to HTML-attributtene href og target.

Href-attributtet angir URL-adressen som skal fungere som **referanse for alle relative URL-adresser, bilder, stilark og skript i et HTML-dokument**. Denne basis-URL-adressen kan i seg selv være relativ. Target-attributtet definerer navnet på vinduet der alle **lenker skal åpnes**. I tillegg kan `<base>` angi hvordan lenker i det aktuelle dokumentet skal åpnes.

`<base>` lagres alltid innenfor `<head>` og bør brukes så tidlig som mulig i koden. Hvis det er flere `<base>`, tas bare den første med i betraktningen, og alle andre ignoreres.

## Hva er syntaksen til HTML `<base>`?

Den grunnleggende syntaksen til HTML `<base>` er som følger:

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

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

### Lagring av basis-URL

I det første eksemplet lagrer vi basis-URL-en `https://www.example-website.com` i header-området til et dokument ved hjelp av HTML-taggen `<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_dd91342722e85bb18aab3bde91bcb04f1a26ab41</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>
```

### Definere standarddestinasjon for alle URL-adresser

I neste eksempel bruker vi attributtet `target` til å spesifisere hvor URL-er skal åpnes når de klikkes på:

```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_dd91342722e85bb18aab3bde91bcb04f1a26ab41</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>
```

### Tilgang til en base-URL med flere relative lenker

I det tredje eksemplet bruker vi HTML `<base>` til å opprette en base-URL som brukes som startside av alle relative lenker. Slik ser koden ut:

```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_dd91342722e85bb18aab3bde91bcb04f1a26ab41</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 støtter `<base>` -taggen?

Taggen `<base>` støtter bare attributtene `href` og `target`.

- **`href`**: Basis-URL-en for alle relative URL-er på siden bestemmes via `href`. Verdien av dette attributtet angis alltid i form av en URL. I eksemplene ovenfor er denne verdien `https://www.example-website.com`.
- **`target`**: `target` angir hvilket vindu en URL skal åpnes i. Det kan ha verdiene `_blank`, `_parent`, `_self` og `_top`. `_blank` åpner lenken i et nytt vindu, `_parent` åpner lenken i en ramme på høyere nivå, `_self` åpner lenken i samme vindu og `_top` åpner lenken i nettleservinduet, og erstatter den lenke siden i stedet for å presentere den som en ramme innenfor siden.

Tip I vår digitale guide finner du flere informative artikler om HTML. Blant annet finner du en omfattende veiledning for nybegynnere samt en oversikt over de beste HTML-redigeringsprogrammene.


This is a markdown version of: [https://www.ionos.com/nb-no/digitalguide/nettsteder/webutvikling/html-base/](https://www.ionos.com/nb-no/digitalguide/nettsteder/webutvikling/html-base/) for AI/LLM consumption.