HTML <base> href egenskab

Definition og brug

href Egenskaben definerer grundlæggende URL for alle relative URL'er på siden.

Bemærkninger

base-elementet kan bruges til at sætte en grundlæggende URL, så relative links i HTML-dokumentet kan fortolkes baseret på denne URL.

Relative links udelader protokollen, værten og porten i URL'en og skal udledes baseret på en anden URL (enten den URL, der er specificeret i base, eller den aktuelle dokument URL).

href Egenskaben specificerer den grundlæggende URL, der skal bruges til at fortolke relative URL'er i dokumentets efterdel.

Eksempel

Eksempel 1

Definer en grundlæggende URL for alle relative URL'er på siden:

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

Prøv det selv

Eksempel forklaring

Dette eksempel sætter grundlæggende URL til https://www.codew3c.com/i/photo/. Der hvor www.codew3c.com er domænenavnet, og /i/photo/ er mappen på serveren, der indeholder billedfiler.

I dokumentets efterdel findes der et img-element brugt til at referere til et billede, som bruger den relative URL flower.png. Når browseren loader billedet, sammenslåer den grundlæggende URL og den relative URL til en fuld URL:

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

Eksempel 2

Definer en grundlæggende URL for alle relative URL'er på siden:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>base href egenskab</h1>
<a href="html_basic.asp">HTML Grundlæggende</a>
</body>
</html>

Prøv det selv

Eksempel forklaring

Dette eksempel sætter grundlæggende URL til https://www.codew3c.com/html/. Der hvor www.codew3c.com er domænenavnet, og /html/ er mappen på serveren, der indeholder billedfiler.

I dokumentets efterdel findes der en a-element brugt til at oprette links, som bruger den relative URL html_basic.asp. Når brugeren klikker på denne hyperlink, sammenslåer browseren grundlæggende URL og relative URL til en fuld URL:

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

Advarsel

Hvis der ikke bruges base-elementet, eller hvis der ikke indstilles en baseret URL via href-attributten, vil browseren anerkende den aktuelle dokuments URL som grundlag for at fortolke alle relative URL'er.

For eksempel antager vi, at browseren indlæser en dokument fra URL'en https://www.codew3c.com/js/index.asp, og dokumentet indeholder en hyperlink, der bruger den relative URL html_basic.asp. Når du klikker på denne hyperlink, vil browseren forsøge at indlæse den anden dokument fra den absolute URL https://www.codew3c.com/js/html_basic.asp.

Syntaks

<base href="URL">

Egenskabsværdi

Værdi Beskrivelse
URL En absolut URL, der fungerer som baseret URL (f.eks. “http://www.example.com/”)

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support