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>
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>
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 |