Base

Från Webbling
Hoppa till: navigering, sök
Den utskrivbara versionen stöds inte längre och kanske innehåller renderingsfel. Uppdatera din webbläsares bokmärken och använd standardutskriftsfunktionen istället.

Med hjälp av denna tagg kan du specificera vad webbläsaren ska göra med länkar som inhnehåller relativa sökvägar. Alla relativa sökvägar blir att utgå ifrån den bas-URL som du anger med base-taggens href-attribut. Vanligtvis utgår relativa sökvägar ifrån samma plats där dokumentet återfinns, men denna tagg styr alltså om detta beteende.

Man kan enbart ha en base-tagg per dokument och den måste användas innan det kommer några andra taggar som använder sig av href-attribut.

Tillgänliga attribut

De globala attributen är tillgängliga för denna tagg.

href

Anger vilken bas-URL som ska användas för länkar med relativa sökvägar.

target

Anger vilket browsing context länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en iframe. Se browsing context för mer information.

Exempel

<codepen pen="wajWov" tab="html,result" height="300">

<html>
  <head>
    <base href="http://webbling.se/>
  </head>
  <body>
    <a href="katalog/demo.html">En testlänk</a>
  </body>
</html>

<codepen> Ovanstående exempel skapar en enkel sida med en länk som har en relativ sökväg. När användaren klickar på länken kommer webbläsaren att lägga samman bas-URL:en och den relativa URL:en. Den slutliga URL:en kommer därför att bli; "http://webbling.se/katalog/sida.html".

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#the-base-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/document-metadata#the-base-element