HTML <base> bruges til at definere basis-URL’en for alle relative URL’er. Dette gøres via at­tri­but­ten href. Det andet attribut target definerer, hvor de respek­ti­ve re­fe­ren­ce­må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 in­de­hol­der de to HTML-at­tri­but­ter href og target.

Href-at­tri­but­ten angiver den URL, der skal fungere som reference for alle relative URL’er, billeder, sty­les­he­ets og scripts i et HTML-dokument. Denne basis-URL kan selv være relativ. Target-at­tri­but­ten 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 be­tragt­ning, og alle andre ignoreres.

Hvad er syntaksen i HTML <base>?

Den grund­læg­gen­de syntaks for HTML <base> er som følger:

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

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 he­a­der­om­rå­det af et dokument ved hjælp af HTML-koden <base>:

<html>
<head>
<title>HTML: base Tag example</title>
<base href="https://www.example-website.com" />
</head>
<body>
<p>
Here’s your website content.
</p>
</body>
</html>
html

De­fi­ni­tion af stan­dard­desti­na­tion for alle URL’er

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

<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>
</body>
</html>
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>
<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>
</body>
</html>
html

Hvilke at­tri­but­ter un­der­støt­ter HTML <base> -taget?

Tagget <base> un­der­støt­ter kun at­tri­but­ter­ne 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 ek­semp­ler­ne ovenfor er denne værdi https://www.example-website.com.
  • target: At­tri­but­ten 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 brow­ser­vin­du­et og erstatter den linkede side i stedet for at vise den som en ramme inden for siden.
Gå til ho­ved­me­nu­en