HTML <base> används för att definiera bas-URL:en för alla relativa URL:er. Detta görs via attributet href. Det andra attributet target definierar var respektive referensmå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 innehåller de två HTML-attributen href och target.

Attributet href anger den URL som ska fungera som referens för alla relativa URL:er, bilder, stilmallar och skript i ett HTML-dokument. Denna bas-URL kan i sig vara relativ. Attributet target definierar 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 dokumentet 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 beräkningen, och alla andra ignoreras.

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

Den grundläggande 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 dokumentets rubrikområ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 standarddestination för alla URL:er

I nästa exempel använder vi attributet 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 attributen 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: Attributet 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 webbläsarfönstret och ersätter den länkade sidan istället för att visa den som en ram inom sidan.
Gå till huvudmeny