Base: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
Rad 9: Rad 9:
Anger vilket [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>. Se [[browsing context]] för mer information.
Anger vilket [[browsing context]] länken ska adressera, kan t.ex. vara en tabb, ett fönster eller en <code>[[iframe]]</code>. Se [[browsing context]] för mer information.
== Exempel ==
== Exempel ==
<codepen pen="wajWov" tab="html" height="300">
<codepen pen="wajWov" tab="html,result" height="300">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<html>
<html>

Nuvarande version från 18 januari 2019 kl. 12.26

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