HTML <base> används för att definiera bas-URL:en för alla relativa URL:er. Detta görs via at­tri­bu­tet href. Det andra at­tri­bu­tet target de­fi­ni­e­rar var re­spek­ti­ve re­fe­rensmål ska öppnas. HTML <base> lagras alltid inom <head>.

Vad är HTML <base> -taggen?

HTML-taggen <base> anger bas-URL:en för alla relativa URL:er på en webbplats. Den in­ne­hål­ler de två HTML-at­tri­bu­ten href och target.

At­tri­bu­tet href anger den URL som ska fungera som referens för alla relativa URL:er, bilder, stil­mal­lar och skript i ett HTML-dokument. Denna bas-URL kan i sig vara relativ. At­tri­bu­tet target de­fi­ni­e­rar namnet på det fönster där alla länkade mål ska öppnas. Dessutom kan HTML <base> ange hur länkar i det aktuella do­ku­men­tet ska öppnas.

HTML <base> -taggen lagras alltid inom <head> -elementet och bör användas så tidigt som möjligt i koden. Om det finns flera <base> tas endast den första med i be­räk­ning­en, och alla andra ignoreras.

Vad är syntaxen för HTML <base>?

Den grund­läg­gan­de syntaxen för HTML <base> är följande:

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

Exempel på hur <base> fungerar

Lagra bas-URL:en

I det första exemplet lagrar vi bas-URL:en https://www.example-website.com i do­ku­men­tets ru­brik­om­rå­de med hjälp av HTML-taggen <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

Definiera stan­dard­des­ti­na­tion för alla URL:er

I nästa exempel använder vi at­tri­bu­tet target för att ange var URL:er ska öppnas när man klickar 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

Åtkomst till en bas-URL med flera relativa länkar

I det tredje exemplet använder vi HTML <base> för att skapa en bas-URL som används som startsida av alla relativa länkar. Så här ser koden ut:

<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

Vilka attribut stöder HTML <base> -taggen?

Taggen <base> stöder endast at­tri­bu­ten href och target.

  • href: Bas-URL för alla relativa URL på sidan bestäms via href. Värdet för detta attribut anges alltid i form av en URL. I exemplen ovan är detta värde https://www.example-website.com.
  • target: At­tri­bu­tet target anger i vilket fönster en URL ska öppnas. Det kan ha värdena _blank, _parent, _self och _top. _blank öppnar länken i ett nytt fönster, _parent öppnar länken i en ram på högre nivå, _self öppnar länken i samma fönster och _top öppnar länken i webb­lä­sar­fönst­ret och ersätter den länkade sidan istället för att visa den som en ram inom sidan.
Gå till huvudmeny