HTML <base> href-attribut

HTML <base> tagg

Definition och användning

href Attributet specificerar bas-URL:en för alla relativa URL:er på sidan.

Förklaring

base-elementet kan användas för att sätta en bas-URL, så att relativa länkar i HTML-dokumentet kan analyseras baserat på denna URL.

Relativa länkar utskar URL:ens protokoll, värd och portdel, och måste utifrån en annan URL (antingen den URL som specificerats i base, eller den aktuella dokumentets URL) för att få sin fullständiga form.

href Attributet specificerar den bas-URL som används för att analysera relativa URL:er i dokumentets efterdel.

Exempel

Exempel 1

För alla relativa URL:er på sidan specificeras bas-URL:en:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href-attribut</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

Prova själv

Exempel förklaring

I detta exempel sätts bas-URL:en till https://www.codew3c.com/i/photo/. Där www.codew3c.com är domännamnet för värden och /i/photo/ är katalogen på servern som innehåller bildfiler.

I dokumentets efterdel finns ett img-element som används för att referera till en bild, som använder den relativa URL:en flower.png. När webbläsaren laddar bilden kommer bas-URL:en och den relativa URL:en att kombineras för att skapa en fullständig URL:

https://www.codew3c.com/i/photo/flower.png

Exempel 2

För alla relativa URL:er på sidan specificeras bas-URL:en:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href-attribut</h1>
<a href="html_basic.asp">HTML-bas</a>
</body>
</html>

Prova själv

Exempel förklaring

I detta exempel sätts bas-URL:en till https://www.codew3c.com/html/. Där www.codew3c.com är domännamnet för värden och /html/ är katalogen på servern som innehåller bildfiler.

I dokumentets efterdel finns en a-element som används för att skapa länkar, som använder den relativa URL:en html_basic.asp. När användaren klickar på denna hyperlänk kommer webbläsaren att kombinera bas-URL:en och den relativa URL:en för att skapa en fullständig URL:

https://www.codew3c.com/html/html_basic.asp

Tips

Om det inte används base-elementet eller om inte en grund URL sätts med hjälp av href-egenskapen, kommer webbläsaren att använda URL:en till det aktuella dokumentet som grund för alla relativa URL:er.

Till exempel, antar vi att webbläsaren laddar en dokument från URL:en https://www.codew3c.com/js/index.asp, där det finns en hyperlänk som använder den relativa URL:en html_basic.asp. När du klickar på denna hyperlänk kommer webbläsaren att försöka ladda den andra dokumentet från den absoluta URL:en https://www.codew3c.com/js/html_basic.asp.

Syntaks

<base href="URL">

Egenskapsvärde

Värde Beskrivning
URL Absolut URL som används som grund URL (t.ex. “http://www.example.com/”)

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <base> tagg